@charset "UTF-8";
/* CSS Document */
body{
margin-bottom:10px;
background-image:url(img/pattern.jpg);
background-repeat:repeat-x;
background-color:#0096CE;}

#contenedor{
	width:735px;
	height:auto;
	background-color:#FFFFFF;
	margin: 0 auto;
}

.style2 {color: #037ABC}
.style5 {color: #00A6CE}
.style6 {
	font-size: 22px
}
.style7 {
	font-size: 20px;
	color: #00A6CE;
}

#general{
	width:490px;
	height:117px;
	float:left;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
}

#menu{
width:inherit;
height:60px;
background-color:#005693;
}

#menu ul{
margin:0;
padding:0;
}


#menu ul li{
	display:block;
	font-family:arial;
	list-style-type:none;
	font-size:12px;
	width:auto;
	float:left;
	color: #ebf2fe;
	font-weight:normal;
	background-image: url(img/fondo_menu.gif);
	background-repeat:no-repeat;
	padding-left: 12px;
	padding-right: 3px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 22px;
	padding-bottom: 22px;
}

#menu a {
color:#FFFFFF;
text-decoration:none;
}

#menu a:hover {
color:#FFFFFF;
text-decoration:none;
background-color:#00a6ce;
width:inherit;
padding-top: 5px;
padding-bottom: 3px
}

#animacion{
	width:514px;
	height:370px;
	padding-bottom:10px;
	padding-right:6px;
	float:left;
	padding-top: 8px;
	padding-left: 5px;
}

#logo{
	width:209px;
	height:110px;
	float:left;
	padding-top: 5px;
}

#banner{
	width:207px;
	height:245px;
	float:left;
	padding-top: 10px;
}

#banner_int{
	width:207px;
	height:360px;
	float:left;
	padding-top: 5px;
}


#contenido_home{
	width:490px;
	height:260px;
	padding:15px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	line-height:19px;
	float:left;
	padding-top: 0px;
}


#contenido_int{
	width:712px;
	height:200px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	line-height:19px;
	float:left;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 15px;
}


#contenido_int_ch{
	width:712px;
	height:100px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	line-height:19px;
	float:left;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
}


#interior{
	width:490px;
	height:475px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	line-height:17px;
	padding:15px;
	float:left;
	padding-top: 0px;
	margin-right: 6px;
	padding-left: 15px;
	padding-right: 10px;
}

#interior3{
	width:490px;
	height:610px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	line-height:17px;
	padding:15px;
	float:left;
	padding-top: 0px;
	margin-right: 6px;
	padding-left: 15px;
	padding-right: 10px;
}

#productos{
	width:290px;
	padding-left:10px;
	height: 500px;
	float:left;
	padding-top: 10px;
}

#interior2{
	width:320px;
	height:650px;
	font-family:arial;
	font-size:12px;
	color:#666666;
	line-height:17px;
	padding:5px;
	float:left;
	padding-top: 0px;
	margin-right: 6px;
	padding-left: 15px;
	padding-right: 8px;
	margin-left: 10px;
	margin-top: 10px;
}

#contenido_home a{
color:#0099FF;
text-decoration:none;}

#contenido_home a:hover{
color:#333333;
text-decoration:underline;}

h1{
	font-family:helvetica;
	font-size:25px;
	font-weight:normal;
	line-height:12px;
	padding: 0px;
	color: #00A6CE;
	padding-top: 10px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	line-height:15px;
	padding: 0px;
	color: #00A6CE;
}

#footer{
	width:inherit;
	height:60px;
	background-image:url(img/footer.gif);
	background-repeat:repeat-x;
	clear:both;
}

#footer_left{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#FFFFFF;
	margin-left:15px;
	padding-top: 20px;
	font-size: 14px;
}


#footer_right{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	width:120px;
	height:50px;
	font-size:14px;
	padding-top: 6px;
}

#contenedor_galeria{
	width:730px;
	height:453px;
	margin:0 0px 0 0px;
	background-repeat:no-repeat;
	padding:0 px;
	font:11px Verdana,Arial;
	float:left;
}


#caja_proyectos{
	width:160px;
	height:auto;
	float:left;
	margin:10px 0 0 6;
}
#caja_proyectos ul{
	list-style:none;
	margin:0;
	padding:0;
}
#caja_proyectos li{
	float:left;
	margin:0 2px 18px 2px;
	background-color: #FFFFFF;
}
#caja_proyectos ul li span{
	display:none;
}
#slideshow {list-style:none; color:#000}
#slideshow span {display:none}
#wrapper {width:520px; margin:8px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:520px; height:369px; padding:2px; border:1px solid #ccc; background:#FFF}
#information {position:absolute; bottom:0; width:520px; height:0; background:#FFF; color:#000; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; color:#333; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
#information p {padding:0 8px 8px}
#image {width:520px}
#image img {position:absolute; z-index:20; width:auto}
.imgnav {position:absolute; width:20%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:1px}
#slideleft {float:left; width:20px; height:60px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:60px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:60px}
#slider img {cursor:pointer;}