/*
Hoja de Estilos para carloscolas.com - GENERAL
Copyright 2007 Enixe Diseño y Comunicación
*/

/**** GENERAL ****/
body { font-size: 0.9em; text-align: left; color: #f6f6f6; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; padding: 0; margin-top: 0; border: 0; background: #FFF }
BODY P { line-height: 1.6em	}
BODY a:link, BODY a:visited { color: #eaccbb; text-decoration: underline; font-weight: bold }
BODY a:hover, BODY a:active { color: #462709; text-decoration: underline; font-weight: bold }
a:link strong, a:visited strong { color: #eedc96; text-decoration: underline; border: 0 }
a:hover strong, a:active strong { color: #462709; text-decoration: underline; border: 0 }
strong { color: #e6e1cb; border-bottom: 1px dotted #fff }
.ocultar { display: none }
.ocultar2 { visibility: hidden }
.clear { clear: both; padding: 0; border: 0; margin: 0; height: 0px; width: 0px }

h3 { padding: 3px; background: url(../bgs/bg_h3.jpg) repeat-x bottom left  }

#pagina { width: 742px; padding: 0; margin: 0 auto; border: 0; background-color: #9f6e4d; }
#pagina P, #pagina h1 { margin: 0; padding: 0; border: 0 }

/**** CABECERA ****/
#cabecera { position: absolute; top: 190px; width: 354px; height: 126px; margin: 0; margin: 0; border: 0; background: url(../bgs/logo_colas.jpg) no-repeat top left }

/**** COLUMNA DERECHA ****/
#cuerpo { float: right; width: 354px; padding: 0; margin: 0; border: 0 }

/** MENU **/
#secciones { width: 354px; height: 192px; margin: 0; padding: 0; border: 0; background: url(../bgs/menu_bg2.jpg) repeat-x top left }
#secciones .seccionesint { width: 354px; padding-top: 18px; margin: 0; border: 0; }
#secciones .seccionesintint { width: 354px; /*padding-top: 18px;*/ margin: 0; border: 0; background: url(../bgs/menu.jpg) no-repeat top left }
#secciones UL#menu { padding: 0; border: 0; margin: 0; list-style: none; width: 354px; height: 135px }
#secciones UL#menu LI { display: block; text-decoration: none; padding: 0; margin: 0; border: 0; height: 27px; width: 354px }
#secciones UL#menu LI a:link, #secciones UL#menu LI a:visited { display: block; text-decoration: none; height: 27px; width: 354px; margin: 0; border: 0; padding: 0 }
#secciones UL#menu LI a:hover, #secciones UL#menu LI a:active { display: block; height: 27px; width: 354px; margin: 0; border: 0; padding: 0 }
#secciones UL#menu LI#menu1 a:link, #secciones UL#menu LI#menu1 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px 0px }
#secciones UL#menu LI#menu2 a:link, #secciones UL#menu LI#menu2 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -27px }
#secciones UL#menu LI#menu3 a:link, #secciones UL#menu LI#menu3 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -54px }
#secciones UL#menu LI#menu4 a:link, #secciones UL#menu LI#menu4 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -81px }
#secciones UL#menu LI#menu5 a:link, #secciones UL#menu LI#menu5 a:visited { background: url(../bgs/menu.jpg) no-repeat 0px -108px }


#secciones UL#menu LI#menu1 a:hover, #secciones UL#menu LI#menu1 a:active { background: url(../bgs/menu.jpg) no-repeat -354px 0px }
#secciones UL#menu LI#menu2 a:hover, #secciones UL#menu LI#menu2 a:active { background: url(../bgs/menu.jpg) no-repeat -354px -27px }
#secciones UL#menu LI#menu3 a:hover, #secciones UL#menu LI#menu3 a:active { background: url(../bgs/menu.jpg) no-repeat -354px -54px }
#secciones UL#menu LI#menu4 a:hover, #secciones UL#menu LI#menu4 a:active { background: url(../bgs/menu.jpg) no-repeat -354px -81px }
#secciones UL#menu LI#menu5 a:hover, #secciones UL#menu LI#menu5 a:active { background: url(../bgs/menu.jpg) no-repeat -354px -108px }

/* colocado debajo porque influye: */
#secciones UL#menu LI#menu1 { top: 0px; width: 354px; height: 27px; background: url(../bgs/menu.jpg) no-repeat -708px 0 }
#secciones UL#menu LI#menu2 { top: -27px; width: 354px; height: 27px; background: url(../bgs/menu.jpg) no-repeat -708px -27px }
#secciones UL#menu LI#menu3 { top: -54px; width: 354px; height: 27px; background: url(../bgs/menu.jpg) no-repeat -708px -54px }
#secciones UL#menu LI#menu4 { top: -81px; width: 354px; height: 27px; background: url(../bgs/menu.jpg) no-repeat -708px -81px }
#secciones UL#menu LI#menu5 { top: -108px; width: 354px; height: 27px; background: url(../bgs/menu.jpg) no-repeat -708px -108px }

/** CONTENIDO **/
#contenido { width: 344px; padding-top: 120px; margin: 0; border: 0; }
#contenido .contenidoint { margin: 0px; padding: 0; border: 0 }
#contenido .contenidotexto { margin: 10px 25px 20px 25px; padding: 0; border: 0 }

/**** COLUMNA IZQUIERDA ****/
#lateral { float: left; width: 388px; padding: 0; margin: 0; border: 0; background: url(../bgs/body_top_bg.jpg) no-repeat top left }
#lateral IMG.ilustracion { margin-top: 420px }

/**** PIE ****/
#pie { clear: both; padding: 0; margin: 0; border: 0; width: 742px; height: 211px; background: url(../bgs/pie_planta.jpg) no-repeat bottom left; font-size: 1em }

#pie .direccion { position: relative; top: 75px; left: 20px; margin: 0; margin: 0; border: 0 }
#pie .copy { position: relative; top: 123px; left: 20px; margin: 0; margin: 0; border: 0; color: #666; font-size: 0.9em; }
#pie .copy A { color: #666 }

#pie .enixe { position: relative; margin: 0; border: 0; padding: 0; top: 85px; left: 640px; width: 106px; height: 40px; background: url(../bgs/enixe.jpg) no-repeat bottom right }
#pie .enixe A { display: block; width: 106px; height: 40px; padding: 0; border: 0; margin: 0 }

/**** PAGINAS INTERIORES ****/
#cabecera-int { float: left; width: 388px; height: 192px; padding: 0; margin: 0; border: 0; background: url(../bgs/menu_bg2.jpg) repeat-x top left }
#cabecera-int .logo { width: 388px; height: 153px; padding: 0; margin: 0; border: 0; background: url(../bgs/logo_colas_int.jpg) no-repeat top left }

#zonamenu { float: right; width: 354px; padding: 0; margin: 0; border: 0 }
#zonatexto { padding: 25px; margin: 0; border: 0; width: 520px; text-align: justify }

IMG.marco { border: 10px solid #f5f5f5; margin: 5px 0 5px 0 }
.foto-dcha { float: right; margin: 0 0 5px 10px }
.foto-izq { float: left; margin: 0 10px 5px 0 }
.foto-dcha-marco { float: right; margin: 0 0 10px 10px; border: 10px solid #f5f5f5 }
.foto-izq-marco { float: left; margin: 0 10px 10px 0; border: 10px solid #f5f5f5 }

.boton { padding: 20px; text-align: center }

.btn-video A{ background:url(../bgs/bg-btn-video.png) no-repeat; width:269px; height:34px; padding:0px; margin:0px; text-indent:-9999px; overflow:hidden; display:block; cursor:pointer; }

/**** CONTACTO ****/
.confirmacion { border: 4px solid #fff; padding: 10px; background-color: #4bb950 /*#990000*/; color: #fff; text-align: center; font-weight: bold }