@charset "UTF-8";
/* CSS Document 
XHTML layout and CSS Styles by:
Marcela López.
email: supercela[at]gmail.com
Vina del Mar, Chile.
*/

* {
	margin: 0px;
	padding: 0px;}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	color: #666;
	cursor: default;}
	
a {
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color:#ce1502;
	cursor: pointer;}

 a:visited {
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color:#999;
	cursor: pointer;}
	
a:hover, a:active {
	outline: none;
	text-decoration: none;
	font-weight: normal;
	color:#000;
	cursor: pointer;}
	
img {
	border: 0px;
	border: none;}

#contenedor {
	width: 950px;
	padding-left:5px;
	padding-right:5px;
	margin: auto;}
	
	
/*----------------------------------------- GENERALES TXT Y OTROS ----------*/

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ce1502;
	text-align:left;}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ce1502;
	text-align:left;}


.invisible{
	display:none;}

.rojo {
	color:#ce1502;}

.remarcado {
	color:#333;}
	

	
/*----------------------------------------- HEADER ----------*/

#top {
	width:950px;
	height:80px;
	float:left;}

#logo {
	width:120px;
	height:70px;
	margin-top:10px;;
	float:left;}

#zonamenu {
	width:750px;
	height:79px;
	margin-left:80px;
	float:right;
	text-align:right;
	border-bottom:1px solid #999999;}

#menuicons {
	width:40px;
	height:15px;
	margin-top:35px;
	float:right;}

#menuprincipal {
	width:750px;
	height:29px;
	float:right;}

#guionmenu {
	width:25px;
	height:28px;
	float:left;
	border-bottom:3px solid #ff0000;}



/*----------------------------------------- CONTENIDO ----------*/

#contenedorCentral {
	width:950px;
	height:auto;}

/*----------------------------------------- Contenido del Home ----------*/

#imgCentral {
	width:950px;
	height:340px;
	margin-top:25px;
	float:left;
	background-image:url(../img/interior/banner/index.jpg);
	background-repeat:no-repeat;
}

#colIzq {
	width:310px;
	height:auto;
	float:left;
	margin-top:25px;}

#colIzq_Not1 {
	width:310px;
	height:25px;
	float:left;
	border-bottom: 1px solid #999;}

.noticias  {
	font-size:14px;
	color:#CC0000;
	float:left;
	text-indent:-999999px;}

.vermas a {
	margin-top:4px;
	float:right;}

#colIzq_Not2 {
	width:310px;
	height:190px;
	float:left;
	margin-top:15px;}

#colCentral {
	width:270px;
	height:auto;
	margin-top:25px;
	margin-left:50px;
	float:left;}

#colCentral_txt {
	width:270px;
	height:130px;
	float:left;}

#colCentral_txt .bajada {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#b5b5b5;
	line-height:35px;
	font-style:normal;}

#colCentral_book {
	width:270px;
	height:80px;
	margin-top:20px;
	float:left;}

#colCentral_book ul {list-style: none;}

#colCentral_book li {
	float: left;
	width:270px;
	height:80px;
	position: relative;}
	
#colCentral_book li span {
	display:none;
	z-index:5;
	position:absolute;
	width:270px;
	height:80px;}
	
#colCentral_book li:hover span {
	display: block;}
	
#colDer {
	width:260px;
	height:auto;
	margin-top:25px;
	margin-left:50px;
	float:right;}

#colDer_info {
	width:260px;
	height:20px;
	float:left;
	text-align:left;}

.infodest {
	font-size:14px;
	color:#CC0000;
	float:right;
	text-indent:-999999px;}


#colDer_ban1 a{
	width:260px;
	height:60px;
	float:left;
	margin-top:10px;
	display:block;
	background-position:0 0;
	color:#FFF;}

#colDer_ban1 a span{
	display:none;}



#colDer_ban2 a{
	width:260px;
	height:60px;
	float:left;
	margin-top:10px;
	background-image:url(../img/contenido_home/btn_banner2.jpg);
	background-color:#666;
	display:block;
	background-position:0 0;
	color:#FFF;}

#colDer_ban2 a span{
	display:none;}

#colDer_ban2 a:hover{
	background-image:url(../img/contenido_home/btn_banner2.jpg);
	background-color:#666;
	display:block;
	background-position:0 -60px;}

#colDer_ban2 a:active{
	background-image:url(../img/contenido_home/btn_banner2.jpg);
	background-color:#666;
	display:block;
	background-position:0 -120px;}

#colDer_ban3 a{
	width:260px;
	height:60px;
	float:left;
	margin-top:10px;
	background-image:url(../img/contenido_home/btn_banner3.jpg);
	background-color:#333;
	display:block;
	background-position:0 0;
	color:#FFF;}

#colDer_ban3 a span{
	display:none;}

#colDer_ban3 a:hover{
	background-image:url(../img/contenido_home/btn_banner3.jpg);
	background-color:#333;
	display:block;
	background-position:0 -60px;}

#colDer_ban3 a:active{
	background-image:url(../img/contenido_home/btn_banner3.jpg);
	background-color:#333;
	display:block;
	background-position:0 -120px;}

/*----------------------------------------- Contenido de los interiores ----------*/

/*------------------------------------------ estilo menu lateral ------------*/

#colMenu {
	width:150px;
	height:auto;
	margin-top:25px;
	float:left;}

.menulateral{
	width: 150px;}

.menulateral ul{
	list-style-type: none;}

.menulateral ul li{
	padding-bottom: 10px;}

.menulateral ul li a{
	font: normal 11px Arial;
	color:#333;
	background: #f2f2f2;
	display: block;
	padding: 5px 0;
	line-height: 10px;
	padding-left: 15px;
	text-decoration: none;}

.menulateral ul li a:visited{
	background-color:#f2f2f2;
	color:#333;}

.menulateral ul li a:hover{
	color:#fff;
	background-color:#d41704;}

.menulateral ul li a.current {
	font: normal 11px Arial;
	color:#FFF;
	background: #e72714;;
	display: block;
	padding: 5px 0;
	line-height: 10px;
	padding-left: 15px;
	text-decoration: none;}


/*------------------------------------------ fin estilo menu lateral --------*/

#colMenu_book {
	width:150px;
	height:85px;
	float:left;
	margin-top:25px;}

#colMenu_book ul {list-style: none;}

#colMenu_book li {
	float: left;
	width:150px;
	height:85px;
	position: relative;}
	
#colMenu_book li span {
	display:none;
	z-index:5;
	position:absolute;
	width:150px;
	height:85px;}
	
#colMenu_book li:hover span {
	display: block;}

#colContenido {
	width:750px;
	height:auto;
	margin-left:50px;
	margin-top:25px;
	float:right;}

#colContenido_img {
	width:750px;
	height:230px;
	float:left;}

#colContenido_img_equipo{
	width:750px;
	height:230px;
	float:left;
	background-image:none;
	background-repeat:no-repeat;
	clip: rect(0px,0px,0px,0px);
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
}
.foto_ind {
	margin: 0px;
	float: left;
	height: 230px;
	width: 149px;
	
}

 



#colTitulo {
	width:120px; 
	height:auto;
	float:left;}

#titulo {
	width:120px;
	height:auto;
	margin-top:40px;
	float:left;}

#titulo2 {
	width:750px;
	height:auto;
	float:left;}

#rayita {
	width:25px;
	height:10px;
	float:left;
	background-image:url(../img/interior/rayita.png);
	background-repeat:repeat-x;}

#colTxt {
	width:560px;
	height:auto;
	margin-left:40px;
	margin-top:40px;
	padding-right:30px;
	float:right;}

#colTxt p {
	line-height:16px;
	padding: 0.6em 0 0.6em 0; }

#colTxt .pUnalinea {
	line-height:16px;
	padding: 0; }

#colTxt .bajada {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#c3c2c2;
	line-height:25px;
	margin-bottom:25px;
	padding: 0;}

#colTxt2 {
	width:630px;
	height:auto;
	margin-top:20px;
	padding-right:120px;
	float:left;}

#colTxt2 p {
	font-size:12px;
	line-height:16px;
	padding: 0.6em 0 0.6em 0;}

/*---- para los partners ---*/
#partners {
	width:640px;
	height:auto;
	float:left;
	margin-top:25px;}
	
#partners ul {list-style: none;}

.contenido_partners {
	width: 640px;
	display:block;}

.contenido_partners li {
	float: left;
	width:150px;
	height:150px;
	margin: 0 10px 10px 0;
	position: relative;
	background-color:#d1d1d1;}



/*---- para productos de las categorías ----*/


.contenido_partners_productos li {
	float: left;
	width:150px;
	height:200px;
	margin: 0 10px 10px 0;
	position: relative;
	background-color:#FFF;}
	
.contenido_partners_productos p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	color:#373737;
	padding-top:5px;
}

/*---- para productos de las categorías ----*/


.contenido_partners li.boxroja {
	float: left;
	width:150px;
	height:150px;
	position: relative;
	background-color:#e0301e;}
	
.contenido_partners li span {
	display:none;
	z-index:10;
	position:absolute;
	width:150px;
	height:150px;
	text-align:left;}
	
.contenido_partners li span a {
	color: #FFF;}

.contenido_partners li:hover span {
	display: block;}

.contenido_partners img {width: 150px; height: 150px; border:none;}


/*---- para portafolio ----*/
#portafolio {
	width:640px;
	height:auto;
	float:left;
	margin-top:25px;
}
	
	
#portafolio ul {list-style: none;}

#contenido_portafolio {
	width: 640px;
	display:block;}

#contenido_portafolio li {
	float: left;
	width:150px;
	height:150px;
	margin: 0 10px 10px 0;
	position: relative;
	background-color:#d1d1d1;}

#contenido_portafolio li.boxroja {
	float: left;
	width:150px;
	height:150px;
	position: relative;
	background-color:#e0301e;}
	
#contenido_portafolio li span {
	display:none;
	z-index:10;
	position:absolute;
	width:150px;
	height:150px;
	text-align:left;}
	
#contenido_portafolio li span a {
	color: #FFF;}

#contenido_portafolio li:hover span {
	display: block;}

#contenido_portafolio img {width: 150px; height: 150px; border:none;}

#siguiente{
	width: 630px;
	height:20px;
	padding-right:10px;
	float:left;
	text-align:right;}

#siguiente p{
	line-height:10px;
	text-align:right;}

#siguiente p img{
	text-align:right;}

#atras{
	width: 630px;
	height:20px;
	padding-right:10px;
	float:left;
	text-align:right;}

#atras p{
	line-height:10px;
	text-align:right;}

#atras p img{
	text-align:right;}

#info{
	width: 630px;
	height:20px;
	margin-top:15px;
	margin-bottom:15px;
	padding-right:10px;
	float:left;
	text-align:left;}


#especialcontacto {
	padding-top:10px;
	float:left;
	clear:both;}

#box_mapa {
	width:280px;
	height:200px;
	float:right;
	margin-left:10px;
	float:right;
	background-color:#666666;}

.equipo {
	width:inherit;
	height:auto;
	float:left;
	padding:5px;
	margin-bottom:10px;}

.equipo_bg {
	width:inherit;
	height:auto;
	float:left;
	padding:5px;
	margin-bottom:10px;
	background-color:#f5f4f4;}
	
	
/*  portafolio  */
#info_proyecto {
	width:750px;
	height:40px;
	float:left;
	padding-bottom:5px;
	margin-bottom:5px;}

#bigarrow {
	width:25px;
	height:35px;
	padding-top:10px;
	float:left;}

#bigarrow_categorias {
	width:25px;
	height:35px;
	float:left;}


#nombre_proy {
	width:auto;
	height:45px;
	padding-left:5px;
	float:left;}

#avanzaPagina_unico{
	width:140px;
	float:right;
	margin-top:25px;
	text-align:right;}

#avanzaPagina_unico a{
	text-align:right;
	color:#ce1502;}

#avanzaPagina_unico a:hover{
	color:#333;}

#avanzaPagina_unico a:active{
	color:#666;}
	
	

	
	#avanzaPagina_categoria{
	width:140px;
	float:right;
	margin-top:260px;
	text-align:right;}
		
	
	
	
	

#avanzaPagina{
	width:140px;
	float:right;
	margin-top:25px;
	background-image:url(../img/interior/bg_avanzapag.png);
	background-repeat:no-repeat;}

#avanzaPagina ul{
	list-style-type:none;
	text-align:right;}

#avanzaPagina li{
	display:inline;
	padding-right:8px;}

#avanzaPagina li.siguiente{
	padding-right:15px;
	border-left:1px solid #666;}

#avanzaPagina li a{
	color:#ce1502;
	font-size:11px;}

#avanzaPagina li.siguiente a{
	color:#ce1502;
	font-size:11px;
	padding-left:10px;}

#avanzaPagina li a:hover{
	color:#333;}

#avanzaPagina li a:active{
	color:#666;}

#img_proyecto {
	width:750px;
	height:370px;
	float:left;}

/*#info2_proyecto { --------------------------- estos ya no van porque eran de una versión anterior propuesta para esta parte del sitio, los dejo por si a caso 
	width:750px;
	height:100px;
	margin-top:10px;
	float:left;}

#thumb_proy {
	width:150px;
	height:100px;
	float:left;
	background-color:#666;}

#descripcion_proy {
	width:570px;
	height:80px;
	margin-left:10px;
	float:right;
	background-color:#f8f8f8;
	padding:10px;
	line-height:16px;}*/



/* ______________________________________________________________________ Formulario Contacto */

#box_contacto {
	width:255px;
	height:auto;
	float:left;
	padding-right:15px;}

#box_contacto_ok {
	width:225px;
	height:263px;
	float:left;
	padding-right:15px;
	padding-left:15px;
	padding-top:15px;
	font-size:12px;}

form ol {
	list-style-type: none;}
	
form ol li {
	padding-bottom: 30px;}
	
form label { 
	float: left; 
	width: 70px;
	text-align: left;
	margin-bottom:5px; 
	color: #666;}
	
form input {
	width: 255px;
	height:20px;
	float:left;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background-color:#d1d2d4;
	border:none;}

form textarea {
	width: 255px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background-color:#d1d2d4;
	border:none;}
	
form .btn{
	width: 60px;
	float:right;
	margin-top:15px;
	border: 1px solid #ccc;
	cursor: pointer;
	clear:both;
	color:#FFFFFF;
	background-color:#e21703;}

form .btn:hover{
	background-color:#c91503;}

form .btn:active {
	background-color:#333;}
	
form label.error { 
	width: 300px;
	color:#990000;
	margin-left: 70px;
	padding-bottom: 5px;}


/*----------------------------------------- FOOTER ----------*/

#footer {
	width:950px;
	height:57px;
	float:left;
	margin-top:40px;
	border-top:1px solid #999;}

#footer p{
	font-size:10px;
	line-height:15px;}

#footer .rojopie{
	color:#ce1502;
	font-weight:bold;
	padding-top:10px;}

#footerIzq {
	width:310px;
	height:57px;
	float:left;}

#footerCentral {
	width:250px;
	height:57px;
	margin-left:120px;
	float:left;}

#footerDer {
	width:160px;
	height:57px;
	margin-left:110px;
	float:right;}

#footerDer ul{
	list-style-type:none;}

#footerDer ul li{
	display:inline;
	float:right;
	padding-left:10px;
	padding-top:10px;}
	
/*----------------------------------------- twitter ----------*/

#twitter_div ul {
	list-style-type:none;
	font-size:12px;
	color:#555555;}

#twitter_div ul li {
	padding-bottom:15px;}

#twitter_interior {
	margin-top:20px;}

#twitter_interior ul{
	list-style-type:none;
	font-size:12px;
	color:#555555;}

#twitter_interior ul li {
	padding-bottom:15px;}