@charset "utf-8";
/* CSS Document */

body {
	margin-top: 0px;
	background: #EEF2DC;
	background-position: top center;
	text-align:center;
	font-family: "Helvetica", "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #000000;
	line-height: 15px;

}

#cont{
	position:relative;
	width:1000px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
} 

#wrap { 
	margin:0 auto 0 auto; 
	width:1000px; 
	height:700px;
	text-align:left;
}
#cont-2{
	position:relative;
	width:1000px;
	height:550px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
} 

#wrap-2 { 
	margin:0 auto 0 auto; 
	width:1000px; 
	height:550px;
	text-align:left;
}

#barra  {
	position:absolute;
	background:#81c9b8;
	top: 15px;
	height:40px;
	width:1400px;
	left: -20px;
}


/* ---------------------------------------------------------- Menú Header */

#logo {
	position:absolute;
	top: 17px;
	width: 22	0px;
	height:180px;
	left: -120px;
	background:#81c9b8;
	padding:5px;
}

#menu {
	position:absolute;
	top: -1px;
	width: 481px;
	height:63px;
	left: 148px;
}
.current{color:#006666; text-shadow:none;
}

.current a:hover{color:#ffffff; text-shadow:none;
}
#button li {  display: inline; } 
#button li a {  
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform:uppercase;font-size:12px;text-decoration: none;
	float:left;padding: 15px;font-weight:bold;color:#ffffff;background:#81c9b8; height:10px;text-shadow:1px 1px #006666;} 
#button li a:hover {  
	background-color: #64A393;color:#ffffff;margin-top:-2px; text-shadow:1px 1px #;border:1px solid #dcdcdc;}  
	

#img-contacto {
	position:absolute;
	background:url("imagenes/contacto.png") no-repeat;
	top: 13px;
	width: 100px;
	height:45px;
	left: 750px;
}
	
/* ---------------------------------------------------------- Header */

#correo {
	position:absolute;
	top: 25px;
	width: 50px;
	height:40px;
	left: 980px;

}

#info-header {
	position:absolute;
	top: 100px;
	width: 638px;
	height:180px;
	left: 120px;

}

#titulo-header {
	position:absolute;
	top: 339px;
	width: 741px;
	height:107px;
	left: 137px;
	background:#000066 url("imagenes/title-bg.png") repeat;
	border: 1px solid #000000;
	box-shadow: 0 0 2px #000000;
	-moz-box-shadow: 0 0 2px #000000;
	-webkit-box-shadow: 0 0 2px #000000;

}

/* ---------------------------------------------------------- Info */

#clientes {
	position:absolute;
	top: 449px;
	width: 773px;
	height:208px;
	left: 120px;
	border:1px solid #000000;
	background:#dbdbd9;
	border-top:6px solid #080828;
}

#servicios {
	position:absolute;
	top: 145px;
	width: 770px;
	height:345px;
	left: 120px;
	border:1px solid #000000;
	background:#dbdbd9;
	border-top:6px solid #080828;
}
#nosotros {
	position:absolute;
	top: 145px;
	width: 770px;
	height:345px;
	left: 120px;
	border:1px solid #000000;
	background:#dbdbd9;
	border-top:6px solid #080828;
	text-align:justify;
}


#footer {
	position:absolute;
	top: 664px;
	width: 735px;
	height:30px;
	left: 138px;
	background:#36b3e4;
	box-shadow: 0 0 2px #000000;
	-moz-box-shadow: 0 0 2px #000000;
	-webkit-box-shadow: 0 0 2px #000000;
}

#footer-servicios {
	position:absolute;
	top: 498px;
	width: 735px;
	height:30px;
	left: 136px;
	background:#36b3e4;
	box-shadow: 0 0 2px #000000;
	-moz-box-shadow: 0 0 2px #000000;
	-webkit-box-shadow: 0 0 2px #000000;
}



/* ---------------------------------------------------------- Textos */
.title{color:#ffffff; font-size:20px; text-shadow: 1px 1px 1px #cdcdcd; }
a.contacto{color:#ffffff; font-size:14px; text-decoration:none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:lighter;
}
a.contacto:hover{color:#ffffff;font-size:14px; text-decoration:underline;
}
a.footer{color:#ffffff; font-size:11px; text-decoration:none;
}
a.footer:hover{color:#ffffff; font-size:11px; text-decoration:underline; 
}
.slide-titulos{color:#16AACE; font-size:21px; font-weight:lighter; text-shadow: 1px 1px #ffffff;
}
.slide-subtitulos{color:#16AACE; font-size:13px; font-family:Tahoma, "Verdana", sans-serif; font-weight:lighter; text-shadow: 1px 1px #FFFfff;
}

h1 {
font-family: 'Georgia', serif;
	color:#ffffff;
	font-size:24px;
	line-height:32px;
	text-decoration:none;
	text-shadow: 1px 1px 1px #cdcdcd;
	font-weight:lighter;

}

h2 {
	font-family:  'Georgia', serif;
	color:#1f4973;
	font-size:18px;
	line-height:18px;
	text-decoration:none;
	font-weight:lighter;
}

.h2-texto{
	color:#1f4973;
	font-size:12px;
}

.h2-footer {color:#ffffff; font-size:11px; text-decoration:none; font-family:Tahoma, "Verdana", sans-serif; 
}

h3 {
	font-family:  'Georgia', serif;
	font-size:14px;
	color:#36b3e4;
	text-decoration:none;
	text-shadow: 1px 1px 1px #ffffff;

}

p {
	font-family: 'Helvetica', Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	color: #ffffff;

}

a {
	color: #ffffff;
	text-decoration:none; text-shadow:none;
}
a:hover {
	color: #ffffff;
	text-decoration:underline;
	text-shadow:none;
	font-size: 12px;
}

a.h2-texto{color:#1f4973; font-size:12px; font-weight:bold;
}

a.h2-texto:hover {
	color: #1f4973;
	font-weight:bold;
	text-decoration:underline;
	text-shadow:none;
	font-size: 12px;
}


/* ---------------------------------------------------------- Columnas */
#left {	float:left; width: 30%; padding:5px;padding-left:25px; }
#center { float:left; width: 30%;padding:5px;}
#right { float:right; width: 30%;padding:5px;}

#grancentral{
	position:absolute;
	width: 713px;
	height: 295px;
	left: 30px;
}

.bold {
	font-weight: bold; text-decoration:underline;
}

#izquierdo {float:left; width: 35%; padding:5px; }
#derecho { float:left; width: 55%;padding:5px;}
#izq {float:left; width: 55%; padding:5px; }
#der { float:left; width: 35%;padding:5px;}

/** Slideshow style rules. */
 
#contenedordemo {position:absolute;left: 170px;top: 200px;width:740px;height:263px;
	box-shadow: 0 0 20px #000000;-moz-box-shadow: 0 0 20px #000000;-webkit-box-shadow: 0 0 20px #000000;}
#slideshow {margin:0 auto;width:740px;height:263px;background:transparent;
	position:relative;}
#slideshow #slidesContainer { margin:0 auto; width:660px; height:263px; overflow:auto; /* allow scrollbar */
  position:relative;}
#slideshow #slidesContainer .slide {  margin:0 auto; width:640px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:263px;}
/** * Slideshow controls style rules. */
 .control { display:block;width:39px;height:263px;text-indent:-10000px;position:absolute;cursor: pointer;}
#leftControl {top:0;left:0;background:transparent url(imagenes/control_left.png) no-repeat 0 0;}
#rightControl {top:0;right:0;background:transparent url(imagenes/control_right.png) no-repeat 0 0;}
/** * Style rules for Demo page */
.slide h2, .slide p { margin:15px;}
.slide img {  float:right; margin:0 15px;}




#error404 {
	position:absolute;
	top: 145px;
	width: 770px;
	height:345px;
	left: 120px;

}

.error404-normal {
	text-decoration:none;font-size:22px; text-shadow: 1px 1px #ffffff;color:#16AACE; 
}

.error404-normal a:hover {
	text-decoration:underline;font-size:22px; text-shadow: 1px 1px #ffffff;color:#16AACE; 
}

.error404-bold {
	font-weight: bold; text-decoration:none;font-size:44px; text-shadow: 1px 1px #ffffff;color:#16AACE; 
}

.error404-titulo {
	text-decoration:none;font-size:44px;text-shadow: 1px 1px #ffffff;color:#16AACE; 
}