html,body {
	margin: 0;
	padding: 0;
	outline: none;
}
a:link, a:visited, a:hover, a:active, img{
	outline: none;
	border: none;
}
.clearBoth{ clear: both;}

body {
	color:#fff;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	list-style-type: disc;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #fff;
	background: url(images/bg.jpg) repeat-x top left #000;
	color: #fff;
}
#wrap {
	display: block;
	margin: 0 auto;
	width: 960px;
	min-height:600px;
	text-align: left;
}
#header{
	display: block;
	float: left;
	clear: both;
	width: 960px;
	height:100px;
}
#header #logo{
	display: block;
	float: left;
	clear: none;
	width: 150px;
	height: 47px;
	margin: 17px 0 0 8px;
	padding: 0 0 0 55px;
	background: url(images/encantado.png) no-repeat top left;
}
#header #logo .logoTit{ display: block; float: left; clear: both; height: 28px; font-size: 28px; margin: 0; padding:0;}
#header #logo .txt{ display: block; float: left; clear: both; width: 115px; font-size: 10px; margin: 0; padding:0;}
#header #logo .splitter{ font-size: 12px; color: #8fe003; margin: 0 2px;}

#header ul#menu{
	display: block;
	float: left;
	clear: none;
	width: auto;
	height: 48px;
	margin: 17px 0 0 20px;
	padding: 0;
}
#header ul#menu li{
	display: block;
	float: left;
	height: 30px;
	margin: 10px 0 0 18px;
	padding: 8px 18px 0 0;
	list-style: none;
	background: url(images/splitterMenu.gif) no-repeat top right;
}
#header ul#menu li.last{ background: none;}

#header ul#menu li a{ color: #fff; font-size: 1.2em; text-decoration: none;}
#header ul#menu li a:link{ color: #fff;}
#header ul#menu li a:visited{ color: #fff;}
#header ul#menu li a:hover{ color: #8fe003; text-decoration: underline;}
#header ul#menu li a:active{ color: #fff;}
#header ul#menu li a.active{ color: #8fe003;}

#header ul#languages{
	display: block;
	float: right;
	clear: none;
	width: 144px;
	height: 68px;
	margin: 0 9px 0 0;
	padding: 0;
	background: url(images/bgAlpha.png) repeat top left;
}
#header ul#languages li{
	display: block;
	float: left;
	clear: right;
	margin: 44px 0 0 0;
}
#header ul#languages li.first{
	font-size: 10px;
	margin-left: 10px;
	
}
#header ul#languages li a{ font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline; margin: 0 0 0 8px;}
#header ul#languages li a:link{ color: #fff;}
#header ul#languages li a:visited{ color: #fff;}
#header ul#languages li a:hover{ color: #8fe003; text-decoration: underline;}
#header ul#languages li a:active{ color: #fff;}
#header ul#languages li a.active{ color: #8fe003;}

p#phone{
	display: block;
	float: right;
	clear: both;
	width: 94px;
	background: url(images/bocadillo.gif) no-repeat 0px 2px;
	margin: 10px 9px 0 0;
	padding: 0px 17px 2px 20px;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
}

#cntIndex{
	display: block;
	float: left;
	width: 960px;
	height: auto;
	min-height: 200px;
	margin: 0;
	padding: 1px 0 0 0;
}
#cntIndex h1{
	font-weight: normal;
	font-size: 24px;
	margin: 0 0 4px 9px;
	padding: 0;
}
#cntIndex h2{
	font-weight: normal;
	font-size: 14px;
 	font-style: italic;
 	color: #a6a6a6;
	margin: 0 0 0 9px;
	padding: 0;	
}
#cntIndex h3{
	font-weight: normal;
	font-size: 16px;
 	color: #25ade4;
	margin: 0 0 15px 10px;
	padding: 0;	
}
#cntIndex #proyectoDestacado{
	display: block;
	float: left;
	clear: both;
	width: 950px;
	height: 198px;
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	outline: none;
	background: url(images/proyectoDestacado.jpg) no-repeat top left;
}
#cntIndex #proyectoDestacado a img{ border: none; outline: none;}
#cntIndex #cajaIzq{
	display: block;
	float: left; 
	clear: left;
	width: 590px;
	height: auto;
	margin: 18px 0 0 0;
	padding: 0 50px 0 0;
}
#cntIndex #cajaIzq p.txtIntro{
	margin: 8px 0 12px 21px;
}
#cntIndex #cajaIzq p.txtIntro a:link{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaIzq p.txtIntro a:visited{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaIzq p.txtIntro a:hover{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaIzq p.txtIntro a:active{ color: #a2ff00; text-decoration: underline;}

#cntIndex #cajaIzq p.txtIntro a.whiteLink:link{ color: #fff; text-decoration: underline;}
#cntIndex #cajaIzq p.txtIntro a.whiteLink:visited{ color: #fff; text-decoration: underline;}
#cntIndex #cajaIzq p.txtIntro a.whiteLink:hover{ color: #fff; text-decoration: underline;}
#cntIndex #cajaIzq p.txtIntro a.whiteLink:active{ color: #fff; text-decoration: underline;}

#cntIndex #cajaIzq h3.masMargen{ margin-top: 24px;}
#cntIndex #cajaIzq p.masMargen{ margin-top: 34px;}

#cntIndex #cajaIzq ul#porqueElegir{ width: 100%; margin:0 0 0 21px; padding:0; }
#cntIndex #cajaIzq ul#porqueElegir li{
	display: block;
	float: left;
	clear: both;
	width: 90%;
	padding: 0 0 0 26px;
	list-style: none;
	margin: 3px 0 2px 0;
}
#cntIndex #cajaIzq ul#porqueElegir li.chk{ background: url(images/tick.png) no-repeat top left;}
#cntIndex #cajaIzq ul#porqueElegir li.cruz{	background: url(images/cross.png) no-repeat top left;}
#cntIndex #cajaIzq ul#porqueElegir li.masMargen{ margin-top: 20px;}

#cntIndex .mundo{ background: url(images/mundodots.png) no-repeat center bottom;}

#cntIndex #cajaDer{
	display: block;
	float: right; 
	clear: none;
	width: 310px;
	height: auto;
	margin: 18px 0 0 0;
	padding: 0;
	background: url(images/splitterHor.png) no-repeat top left;
}
#cntIndex #cajaDer ul#servicios{
	display: block;
	float: right;
	width: 263px;
	height: auto;
	margin: 0 25px 0 0;
	padding: 0;
}
#cntIndex #cajaDer ul#servicios li{
	margin: 0 0 11px 0;
	padding: 0 0 0 32px;
	list-style: none;
	font-size: 11px;
	color: #a2ff00;
}
#cntIndex #cajaDer ul#servicios li a:link{ color: #a2ff00; text-decoration: none;}
#cntIndex #cajaDer ul#servicios li a:visited{ color: #a2ff00; text-decoration: none;}
#cntIndex #cajaDer ul#servicios li a:hover{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaDer ul#servicios li a:active{ color: #a2ff00; text-decoration: none;}

#cntIndex #cajaDer ul#servicios li.uno{ background: url(images/services1.png) no-repeat 0px 0px;}
#cntIndex #cajaDer ul#servicios li.dos{ background: url(images/services2.png) no-repeat 0px 0px;}
#cntIndex #cajaDer ul#servicios li.tres{ background: url(images/services3.png) no-repeat 0px 0px;}
#cntIndex #cajaDer ul#servicios li h4{
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
#cntIndex #cajaDer p.h3tit{
	font-weight: normal;
	font-size: 16px;
 	color: #25ade4;
	margin: 0 25px 15px 0;
	padding: 0;	
	float: right;
	clear: both;
	width: 263px;
}
#cntIndex #cajaDer dl.telefono{
	display: block;
	float: right;
	clear: both;
	width: 202px;
	margin: 0 25px 0 0;
	padding: 17px 30px;
	background: url(images/bgAlpha.png) repeat top left;
}
#cntIndex #cajaDer dl.telefono dt{ display: block; float: left; width: 70px; margin: 0 0 2px 0; padding:0;}
#cntIndex #cajaDer dl.telefono dd{ display: block; float: right; width: 118px; margin: 0 0 2px 0; padding:0;}

#cntIndex #cajaDer dl.telefono dt.direcc{ width: 200px; margin: 18px 0 0 0;}

#cntIndex #cajaDer dl.telefono a:link{ color: #a2ff00; text-decoration: underline; }
#cntIndex #cajaDer dl.telefono a:visited{ color: #a2ff00; text-decoration: underline; }
#cntIndex #cajaDer dl.telefono a:hover{ color: #a2ff00; text-decoration: underline; }
#cntIndex #cajaDer dl.telefono a:active{ color: #a2ff00; text-decoration: underline; }

#cntIndex #cntProjMenu{ display: block; float: left;}
#cntIndex ul#listado{
	display: block;
	clear: none;
	float: left;
	width: 271px;
	height: auto;
	margin: 14px 0 0 13px;
	padding: 0;
	list-style: none;
}
#cntIndex ul#listado li{
	margin: 0 0 1px 0;
	padding: 0;
}
#cntIndex ul#listado li a.titulo{
	display: block;
	clear: both;
	color: #fff;
	width: 259px;
	text-decoration: none;
	margin: 0 0 2px 0;
	padding: 5px 0 5px 12px;
	
}
#cntIndex ul#listado li a.titulo:link{background: url(images/bgListado.png) no-repeat top left;}
#cntIndex ul#listado li a.titulo:visited{background: url(images/bgListado.png) no-repeat top left;}
#cntIndex ul#listado li a.titulo:hover{ background: url(images/bgListadoHover.png) no-repeat top left;}
#cntIndex ul#listado li a.titulo:active{background: url(images/bgListado.png) no-repeat top left;}
#cntIndex ul#listado li.active a.titulo{ background: url(images/bgListadoActive.png) no-repeat top left;}
#cntIndex ul#listado li span.descr{
	display: block;
	clear: both;
	color: #a2ff00;
	font-size: 0.9em;
}
#cntIndex .projNavi{
	display: block;
	float: left;
	clear: left;
	margin: 0 0 0 13px;
	padding:0;
	width:252px;
	height: 22px;
	background: url(images/projMnu.png) no-repeat top right;
}
#cntIndex .projNavi a{
	display:block;
	float:right;
	font-size:0.9em;
	font-weight:bold;
}
#cntIndex .projNavi a#nextProj{ background:transparent url(images/flechaVerdeDer.gif) no-repeat scroll right center; margin:2px 10px 0 0; padding:0 12px 0 0; width: 43px; text-align:right; }
#cntIndex .projNavi a#prevProj{ background:transparent url(images/flechaVerdeIzq.gif) no-repeat scroll left center; margin:2px 0 0 10px; padding:0 0 0 12px; width: 63px; text-align: left; }

#cntIndex .projNavi a:link{ color: #fff; text-decoration: none;}
#cntIndex .projNavi a:visited{ color: #fff; text-decoration: none;}
#cntIndex .projNavi a:hover{ color: #98EF01; text-decoration: none;}
#cntIndex .projNavi a:active{ color: #fff; text-decoration: none;}

#cntIndex #cntProyecto{
	position: relative;
	float: right;
	clear: none;
	width: 653px;
	margin: 14px 10px 0 0;
	padding: 0;
}
#cntIndex #cntProyecto a.visitar{position: absolute; z-index: 999;}
#cntIndex #cntProyecto #pie{
	display: block;
	float: left;
	clear: both;
	width: 653px;
	height: 70px;
	margin: 0;
	padding: 0;
	background: url(images/pieImgPortfolio.png) no-repeat top left;
}
#cntIndex #cntProyecto #pie .nav{
	display: block;
	float: right;
	clear: right;
	margin: 14px 20px 0 0;
	width: 230px;
	text-align: right;
}
#cntIndex #cntProyecto #pie .nav a#prev2{
	display: block;
	float: right;
	background:url(images/flechaVerdeIzq.gif) no-repeat center left;
	margin: 0 14px 0 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 0.9em;
}
#cntIndex #cntProyecto #pie .nav a#next2{
	display: block;
	float: right;
	background:url(images/flechaVerdeDer.gif) no-repeat center right;
	margin: 0 0 0 14px;
	padding: 0 12px 0 0;	
	font-weight: bold;
	font-size: 0.9em;
}
#cntIndex #cntProyecto #pie .nav a:link{ color: #fff; text-decoration: none;}
#cntIndex #cntProyecto #pie .nav a:visited{ text-decoration: none;}
#cntIndex #cntProyecto #pie .nav a:hover{ color: #98ef01; text-decoration: none;}
#cntIndex #cntProyecto #pie .nav a:active{ color: #fff; text-decoration: none;}

#cntIndex #cntProyecto #pie #nav{
	display: block;
	float: right;
	clear: none;
}
#cntIndex #cntProyecto #pie #nav a{ margin: 0 3px;}

#cntIndex #cntProyecto #pie #proyDescr{
	display: block;
	float: left;
	clear: none;
	width: 360px;
	margin: 14px 0 0 20px;
	padding: 0;
}
#cntIndex #cntProyecto #pie #proyDescr p.titulo{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	color: #fff;
}
#cntIndex #cntProyecto #pie #proyDescr p.descr{
	display: block;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;	
	color: #a2ff00;
	font-size: 0.9em;
}
#cntIndex #cajaIzq .floatServices{
	display: block;
	float: left;
	clear: none;
	width: 280px;
	height: auto;
	margin: 0;
	padding: 0;
}
#cntIndex #cajaIzq .floatServices ul{ margin-top: 0; margin-bottom: 0;}
#cntIndex #cajaIzq .floatServices ul li{
	margin:3px 0 2px 0;
}

#cntIndex #cajaIzq .floatServices a:link{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaIzq .floatServices a:visited{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaIzq .floatServices a:hover{ color: #a2ff00; text-decoration: underline;}
#cntIndex #cajaIzq .floatServices a:active{ color: #a2ff00; text-decoration: underline;}

.splitterHor{ 
	display: block; 
	float: left; 
	clear: both; 
	width: 958px; 
	height: 2px;
	background: url(images/splitterVert.png) no-repeat top left;
	text-indent: -3000px; 
	margin: 10px 0 6px;
	padding: 0;	
}
ul#destacados{
	display: block;
	float: left;
	clear: both;
	width: 940px;
	height: 120px;
	margin: 0;
	padding: 6px 0 0 10px;
}
ul#destacados li{
	display: block;
	float: left;
	clear: none;
	width: 260px;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#destacados li.dest{ width: 332px;}
ul#destacados li p.h3tit{
	font-weight: normal;
	font-size: 16px;
 	color: #25ade4;
	margin: 0 0 15px 0;
	padding: 0;	
	float: left;
	clear: both;
	width: 233px;
}
ul#destacados li img{ display: block; float: left; margin: 0 0 0 12px;}
ul#destacados li p.proyTit{ display: block; float: left; margin: 0 0 0 8px; width: 160px; font-weight: bold; text-transform: uppercase;}
ul#destacados li p.proyDescr{ display: block; float: left; margin: 0 0 0 8px; width: 160px;}

ul#destacados li p.proyDescr a{ color: #A2FF00; text-decoration: underline;}

#pie{
	display: block;
	float: left;
	clear: both;
	width: 960px;
	height: 35px;
	margin: 15px 0 5px 0;
}
#pie img.logoPie{ float: left; margin: 0 0 0 9px;}
#pie .pieIzq{ float: left; margin: 4px 0 0 15px; font-size: 11px; color: #898687;}
#pie .pieDer{ float: left; margin: 4px 0 0 45px; padding: 0; font-size: 11px; color: #898687;}

#pie .qweb{
	display: block;
	float: right;
	clear: none;
	margin: 0 10px 0 10px;
	padding: 0;
	width: 70px;
}

#pie a:link{ color: #898687; text-decoration: underline; }
#pie a:visited{ color: #898687; text-decoration: underline; }
#pie a:hover{ color: #cac4c6; text-decoration: underline; }
#pie a:active{ color: #898687; text-decoration: underline; }

label, input{
	display: block;
	float: left;
}
label{ 
	width: 150px;
	clear: left;
}
input, textarea{ 
	margin: 0 0 6px 10px;
	width: 200px;
}
textarea{ height: 60px;}
input.detailsSubmit{ margin: 0 0 6px 0px;}

#contactform{ display: block; float: left; clear: both; width: 634px; margin: 0; background: url(images/oficina.jpg) no-repeat top right;}
#contactform fieldset{
	border: 0;
	margin: 0;
	padding: 0 0 0 20px;
	/*background: url(images/bgAlpha.png) repeat top left;*/
}

#contactform input.invalid { background: #faa; }
#contactform input.valid { background: #afa; }
.obli{ color: #a2ff00;}
img.antiSpam{ margin: 0 0 6px 10px; display: block; margin: 0 0 6px 10px; float:left; }
.mError{}
.mOk{}