@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background:#fff url(images/back.gif) repeat top left fixed; color:#666; font-family:"Trebuchet MS"; }
h1, h2, h3, h4, h5, p, span{ margin:0; padding:0; }
a { color:#258697; text-decoration:none; }
a:hover { color:#12a2bb; text-decoration:none; }
form{ margin:0; padding:0; }

a img, img 			{ border: none; }

#page-wrap			{ width: 800px; margin: 0 auto; }

.photo-link			{ padding: 5px; margin: 3px; border: 1px solid #999; display: block; width: 100px;
					  float: left; }
.photo-link:hover	{ border-color: white; }

.head{ margin:auto; margin-top:10px; width:900px; height:411px; background:url(images/top.jpg) no-repeat; }
.left{ float:left; width:652px; height:411px; background:url(images/logo.jpg) no-repeat left top; }
.top_content{ float:right; width:652px; height:411px; }

.servicios{ width:268px; height:132px; background:url(images/bg_servicios.png); margin-top:270px; margin-left:10px; }
.servicios h2{ margin-top:5px; margin-bottom:5px; margin-left:15px; color:#b4f4ff; font-size:20px; font-weight:normal; width:240px; border-bottom:1px solid #b4f4ff; }
.servicios a{ padding-left:20px; font-size:12px; color:#b4f4ff; }
.servicios a:hover{ color:#dbfaff; text-decoration:underline; }
.servicios ul{ margin:0; padding:0; margin-top:3px; list-style:none; list-style-type:none; }
.servicios li{ padding:0; margin:0; list-style-image:url(images/arrow.png); margin-left:30px; height:14px; }
.servicios li a{ font-size:12px; color:#b4f4ff; }
.servicios li a:hover{ color:#dbfaff; text-decoration:underline; }

.destacados{ float:right; width:248px; height:412px; }
.destacados h2{ margin:auto; margin-top:10px; font-size:30px; color:#FFFFFF; width:196px; font-weight:normal; background:url(images/line.jpg) no-repeat bottom; margin-bottom:25px; }
.destacado_line{ margin:auto; width:196px; height:22px; background:url(images/line.png); }
.destacado_box{ margin:auto; width:194px; height:89px; cursor:pointer; background:url(images/detacado.png) no-repeat; }
.destacado_box:hover{ background:url(images/detacado_hover.png) no-repeat; }
.destacado_box img{ margin-left:8px; margin-top:8px; }

.contenido{ margin:auto; width:900px; background:url(images/bg.jpg) repeat-y; padding-bottom:20px; }

.menu{ margin:auto; width:896px; height:41px; background:url(images/menu.png) repeat-x; }
.menu ul{ margin:0; padding:0; margin:auto; width:750px; padding-top:12px; list-style:none; list-style-type:none; }
.menu li{ float:left; font-family:"Century Gothic"; font-size:14px; text-transform:uppercase; padding-left:35px; margin-right:15px; background:url(images/separador.png) no-repeat center left; }
.menu li:first-child { color:#258697; background:none; padding-left:0; }
.menu li a{ text-decoration:none; color:#666666;}
.menu li:first-child a{ text-decoration:none; color:#258697;}
.menu li a:hover{ text-decoration:none; color:#258697;}

.contenido_left{ float:left; margin-left:10px; margin-top:10px; width:600px; padding:20px; border:1px solid #c9c9c9; }
.contenido_left h1{ font-size:20px; color:#258697; }
.contenido_left h2{ font-size:16px; color:#17b2cd; margin-top:10px; margin-bottom:10px; }
.contenido_left span{ font-size:12px; color:#258697; font-weight:bold; }
.contenido_left p{ margin-top:10px; text-align:justify; font-size:12px; }
.contenido_left p strong{ color:#258697; font-weight:bold; }
.contenido_left_division{ margin:auto; width:600px; background:url(images/division.jpg) no-repeat; height:18px; margin-top:10px;}

.comentario{ margin:auto; padding:10px; width:580px; min-height:80px; background:url(images/comentario.jpg) no-repeat top left; }
.comentario h3{ font-size:12px; color:#258697; font-weight:bold; font-family:"Century Gothic"; }


.contenido_right{ float:right; margin-top:10px; margin-right:10px; width:210px; padding:10px; border:1px solid #c9c9c9; }

.imagenes{ margin:auto; width:860px; padding:10px; border:1px solid #c9c9c9; }

.footer{ margin:auto; width:900px; height:87px; opacity: 0.9; font-size:12px; background:url(images/footer2.png) no-repeat; margin-bottom:10px; }
.footer p{ padding-top:10px; margin-left:10px; width:800px; color:#ccc; }
.footer p a{ color:#b4f4ff; }
.footer p a:hover{ color:#258496; text-decoration:underline; }



#carousel1{
	width: 840px;
	margin: auto;
	overflow: auto;
	height: 80px;
	position: relative;
}
#carousel1 img{
	width: 108px;
	padding-right:5px;
	border: 0 none;
}

#carousel1_Controles img{
	width: 15px;
	height: 15px;
}