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

a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none}
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; text-decoration: none}

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
/*	overflow:auto;*/
	vertical-align: middle;
	color:#553C3C; 
}
body {font-family:verdana, arial, sans-serif; color:#553C3C; background:url(imagenes/fondoGRIS_corto.png); }

h2{font-family:arial, sans-serif; font-size:14px; font-weight:bold; color:#553C3C; margin-left:10px;}
h3{font-family:arial, sans-serif; font-size:14px; font-weight:bold; color:#00AEC6; margin-left:10px;}

#_4pasos {
/*    position: relative;
/*	left: 50%;*/
/*	float:left;
/*	top: 488px;*/
/*	margin-left:-450px;*/
	width: 650px;
	height: 80px;
	border: 0px solid #0FF000;
	margin-top:3px;
	z-index:0;
}

#armazon {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 900px;
	height: 550px;
	margin-top: -260px;
	margin-left: -450px;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	z-index:1;
}

#BloqueNoticiaCentral{
  background-color:#FFFFFF;
  width: 610px;
  margin-left:22px;
}

#BloqueNoticiaIzquierda{
  background-color:#FFFFFF;
  width:270px;
}

#BloqueNoticiaDerecha{
  background-color:#FFFFFF;
  width:320px;
}

.TitularNoticia{  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; font-weight: bold;
/*  background-color:#FFFFFF;*/
  color: #553C3C;
  margin: 0px; cursor:pointer;
}

#cabecera {position:relative; margin:50px auto 0 auto; width:900px; height:100px; border: 0px solid #00FFFF; background:url(imagenes/fondo-cabecera.jpg); padding:0px 10px; }

#_nRuleta {
	position: relative;
/*	left: 50%;*/
	top: 3px;
	width: 500px;
	height: 175px;
	margin-left: 0px;
	overflow:hidden;
	border: 0px solid #00FF00;
	z-index:1;
	margin-top:10px;
}
.ItemRuleta {
	position: absolute;
	left: 50%;
	top: 0px;
	width: 100px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
	overflow: auto;
/*	border: 1px solid #AA0000;
	background-color:#F0F0F0;
	padding: 2px;*/
	z-index:100;
	level:0;
	cursor:pointer;
}

/*

    font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	left: 50%;
/*	top: 105px;*/
/*    margin-top:10px;
	margin-left:-450px;
	width: 900px;
	height: 100px;
	overflow:hidden;
	border: 1px solid #000000;
	z-index:0;
}*/

#columnaD {
float:right;
	width: 240px;
	border: 0px solid #FF6600;
/*	z-index:0;*/
	text-align:right;
}

#columnaD img {
width:240px;
padding-bottom:5px;
border:0px solid #000000;
}

#contenido {
	float:left;
/*	top: 110px; */
	width: 650px;
	border: 0px solid #0000FF;
/*	z-index:0;
/*	background:#FF0000;*/
}

#contenido p{
  font-size:12px;
  padding-left: 15px; padding-right:15px;
}




/*-- Sección SOBRE COCHELE --*/
#contenidoCochele{
/*  position:absolute;
  top:80px;
  left:100px;*/
  border:0px #000000 solid;
  width:655px;
  height:500px;
  background:url(imagenes/fondo-cochele.jpg) no-repeat;
  padding-top:115px;
}

#contenidoCochele h1, #contenidoCochele p{
  color:#FFFFFF;
  text-align:justify;
  font-family:arial, sans-serif; font-size:14px; color:#FFFFFF; 
  padding-left:80px; padding-right:80px;
}
/*----------------------------------*/



/*-- Sección ENVIA eMAIL --*/
#contenidoEnviaEMAIL{
/*  position:absolute;
  top:80px;
  left:100px;*/
  border:0px #000000 solid;
  width:655px;
  height:500px;
  background:url(imagenes/fondo-enviaEMAIL.png) no-repeat;
  padding-top:115px;
}
/*----------------------------------*/



#contenidoLegal{
/*  position:absolute;
  top:80px;
  left:100px;*/
  border:0px #000000 solid;
  width:655px;
  height:500px;
  background:url(imagenes/fondo-legal.jpg) no-repeat;
  padding-top:1px;
}

#contenidoLegal h1, #contenidoLegal p{
  color:#FFFFFF;
  text-align:justify;
  font-family:Verdana, arial, sans-serif; font-size:9px; color:#FFFFFF; 
  padding-left:20px; padding-right:20px;
}



#contenido2 {
padding-left: 25px; padding-right: 20px; height: 220px; overflow:auto;
}

#contenido3 {
padding-left: 10px; padding-right: 10px; height: 220px; overflow:auto;
}

#cuerpo{position:relative;  padding:10px; margin:0px auto 0 auto; width:900px; background-color:#ffffff; border:0px solid #ff00ff;}

#enlacesocios{
  float:right;
/*  width:110px;
  height:19px;*/
  opacity:1; filter: alpha(opacity=100);
  margin-top:25px;
  margin-right:15px;
}

#IntroHOME{
  position:relative;
  float:left;
  width: 655px;
  height: 375px;
  border: 0px solid #0FF000;
  z-index:0;
}

#login {
	position: absolute;
	left: 482px;
	top: 158px;
	width: 350px;
	height: 150px;
	margin-top: -0px;
	margin-left: -00px;
	overflow: auto;
	border: 1px solid #FFFFFF;
	z-index: 10;
	filter: alpha(opacity=0); opacity: 0.0;
}

#LinkFacebook{
position:relative;
float:right;
margin-top:-20px;
margin-right:0px;
background-color:#E5AF12;
border:0px solid #ff6600;
}

#pie{ position:relative; padding:10px 10px 0px 10px; margin:0px auto 0 auto; width:900px; 	overflow: hidden; border: 0px solid #000000; background-color:#ffffff;}

/*#pie {
    position:relative;
	left: 50%;
/*	top: 565px; */
/*	margin-left:-450px;
	width: 900px;
	height: 25px;
	overflow: hidden;
	border: 1px solid #000000;
	z-index: 0;
}*/

#imgback {
  position:absolute; z-index:10; width:100%; height:100%;
}

#imgback_trans {
  position:absolute; z-index:-10; width:100%; height:100%;
  filter: alpha(opacity=50); opacity: .5;
}

#imglogo {
  filter: alpha(opacity=100); opacity: 1.0; width:215px; height:100px; float:left;
}

#imgMarcoNoticia {
  position:absolute; z-index:10;
}

#logocabecera{
  position:absolute; left:15px; top:0px; z-index:2; width:90px; height:90px;
}

/*-- Sección QUE ES COCHELE --*/

#MenuQUE{
  position:relative; float:left;
  width:150px;
}

#ContenidoQUE{
  position:relative; float:left;
  width:500px;
/*  background:url(imagenes/fondo-gris-degrad.jpg) no-repeat;*/
}
/*----------------------------------*/

/*-- Sección COMO FUNCIONA (OJO: este parece que sera el estandar) --*/

#ContenidoCOMO1{
  background-color:#00AFC6;
  padding:5px;
}
#ContenidoCOMO2{
  background-color:#E5AF0C;
  padding:5px;
}
#ContenidoCOMO1 p{  font-size:14px; text-align:justify;
}

#ContenidoCOMO2 p{  font-size:12px; text-align:justify;
}
/*----------------------------------*/

/*-- Sección DONDE --*/
#ContenidoDONDE{
  position:relative; float:left;
  width:100%;
}
.Titulo1_DONDE { 
  position: relative;
  height:50px;
  background: no-repeat url(imagenes/fondo-titulo-donde.png);
  border:1px solid transparent;
  padding-bottom:5px;
}
.Titulo1_DONDE h1 {  
  font-family:verdana, arial, sans-serif; 
  font-size:17px; 
  margin-left:110px;
  margin-top:18px;
  color:#FFFFFF;
}

#ContenidoDONDE .Texto1{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
}
#ContenidoDONDE .Texto2{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-top:3px;
  margin-left:75px;
  text-align:left;
}

#ContenidoDONDE .TituloParking{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px; font-weight: bold;
/*  background-color:#FFFFFF;*/
  color: #553C3C;
  margin: 0px; cursor:pointer;
}

#ContenidoDONDE .DireccionParking{
/*  background: no-repeat url(imagenes/fondo-dir-parking.png); */
  float: right;
  width: 375px;
  margin:  0px 0px 5px 0px;
/*  border: 1px solid;*/
}

#BannerParking {position:absolute; z-index:10; visibility:hidden; top:0px; left:0px; border:0px solid #000000; background-color:#ffffff; cursor:pointer}


/*----------------------------------*/


/*-- Sección VEHICULOS --*/

#MenuVEHICULOS{
  position:relative; float:left;
  width:150px;
}

#ContenidoVEHICULOS{
  position:relative; float:right;
  width:475px; border:0px solid;
/*  background:url(imagenes/fondo-gris-degrad.jpg) no-repeat;*/
}

#ContenidoVEHICULOS h1{color:#00AEC6}
#ContenidoVEHICULOS p{font-size:16px;}
/*----------------------------------*/


/*-- Sección CUENTASELO A UN AMIGO --*/
.Titulo1_CUENTASELO { 
  position: relative;
  height:50px;
  background: no-repeat url(imagenes/fondo-titulo-cuentaselo_a_un_amigo.png);
  border:1px solid transparent;
  padding-bottom:5px;
}
.Titulo1_CUENTASELO h1 {  
  font-family:verdana, arial, sans-serif; 
  font-size:17px; 
  margin-left:110px;
  margin-top:18px;
  color:#FFFFFF;
}
/*----------------------------------*/

/*-- Sección COCHELE EN MI ZONA  --*/

#ContenidoENMIZONA{
  position:relative; float:left;
  width:100%;
}

#ContenidoENMIZONA h1 { font-family:verdana, arial, sans-serif; font-size:12px; color:#00AEC6; padding-left: 12px; padding-right:12px; margin-top:25px;}
/*----------------------------------*/


/*-- Sección 100x100ELECTRICO --*/
#Contenido100x100ELECTRICO{
  position:relative; float:left;
  padding-top:15px;
  width:100%;
  background:url(imagenes/fondo-100x100electrico.jpg) no-repeat;
}
.Titulo1_100x100ELECTRICO { 
  position: relative;
  height:50px;
  background: no-repeat url(imagenes/fondo-titulo-100x100electrico.png);
  border:1px solid transparent;
  padding-bottom:5px;
  color:#FFFFFF;
}

.Titulo1_100x100ELECTRICO h1 {  
  font-family:verdana, arial, sans-serif; 
  font-size:17px; 
  margin-left:110px;
  margin-top:18px;
  color:#FFFFFF;
}

/*#contenido100x100electrico{
  position:absolute;
  top:0px;
  left:110px;
  border:0px #FFFFFF solid;
  width:540px;
  height:367px;
  padding-top:3px;
}
*/
#Contenido100x100ELECTRICO p{
  color:#FFFFFF;
  text-align:justify;
  margin-left: 20px;
  margin-right: 20px;
}
/*
#contenido100x100electrico p{
font-size:10px;
}*/

/*----------------------------------*/


/*-- Sección PREGUNTAS FRECUENTES --*/
#ContenidoPREGUNTAS_FRECUENTES{
  position:relative; float:left; margin:0px 30px;
  width:580px; 
/*  background:url(imagenes/fondo-gris-degrad.jpg) no-repeat;*/
}
/*----------------------------------*/


/*-- Sección NH --*/

#ContenidoNH{
  position:relative; 
  width:650px; border:0px solid;
/*  background:url(imagenes/fondo-gris-degrad.jpg) no-repeat;*/
}

#ContenidoNH h1{color:#fff;/*#00AEC6;*/ font-size:16px; background-color:#543d3d; padding:2px 5px; margin:10px 0px 0px 20px}
#ContenidoNH p{font-size:14px; margin:5px 0px 7px 5px}
#ContenidoNH ol{font-size:12px; margin:5px 0px 10px 5px}
/*----------------------------------*/

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.Armazon {
	border: 5px solid #585858;
}

.Blanco {color: #FFFFFF;}

.BotonGaleria {
    position:absolute;
	top:50%;
	left:50%;
    border: 0px solid #DDDDFF;
    filter:alpha(Opacity=50);
    opacity: 0.5;
	width: 48px;
	height: 48px;
	z-index:100;
	cursor:pointer;
}

#BotonL_Home{
	margin-left: 200px;
	margin-top: 125px;
}

#BotonR_Home{
	margin-left: 260px;
	margin-top: 125px;
}

.CeldaProductos {
  width: 98px;
  height: 98px;
  border: 1px solid #000000; 
}

.ColumnaMenu 
{
  width:170px;
  vertical-align:top;
  border-right: 7px solid #585858;
  padding: 5px;
}

.CuerpoNoticia { padding: 5;}

.Fecha { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #777777; }

.FotoHOME {
    position:absolute;
	top:0px;
    border: 0px solid #DDDDFF;
    filter:alpha(Opacity=0);
	background: transparent;
    opacity: 0;
	width: 650px;
	height: 375px;
}

.imagenLeft {
    width:190px;
	float:left; 
	padding-right:10px;
}

.imagenRight {
    width:210px;
	height:310px;
	float:right; 
	padding:10px;
	padding-bottom:35px;
	border: 0px solid #000000;
}

.input1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553C3C;
	border: 1px solid #553C3C;
	background: #FFFFFF;
	width: 100%;
	padding:3px;
}

.input1_Focus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #553C3C;
	background: #00AEC6;
	width: 100%;
	font-weight:bold;
	padding:3px;
}

.LineaH { height: 1px; padding: 0px; margin: 0px; border: 0px solid; text-align: center;}

.LineaV { width: 1px; padding: 0px; margin: 0px; border: 0px solid; vertical-align: middle;}

.Marco {
    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;	border-left-width: 1px;
	border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000;
	border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
	padding: 2px;
}

.MarcoBlanco {
    border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;	border-left-width: 1px;
	border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF;
	border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid;
	padding: 2px;
}

.MarcoFoto {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;	
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 2px;
}

.MargenFoto {
	width: 5px;
	height: 3px;
	padding: 0px;
	margin: 0px;
	border: 0px solid;
}


.MenuPPAL {
/*  position:absolute;*/
  float:right; 
  height: auto;
/*  top:75px;
  left:375px;
  top*/
}

.MenuPPAL img{
vertical-align:middle;
}

.MenuPPAL img.L{
float:left;
}

.MenuPPAL img.R{
float:right;
}

ul.MenuPPAL {list-style:none; border:0px solid #ff0000; padding:0px; margin:0px; margin-top:-5px; }
ul.MenuPPAL li {float:left; margin:0px 0px 0px 3px;}


.ItemMenuPPAL {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
    color:#ffffff;
	height: 30px;
    background-color:#00AFC6;
	cursor:pointer;
	line-height:30px;
}

.ItemMenuPPAL:hover {
background-color:#E5AF12;
}

.ItemMenuPPAL_ON {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
    color:#ffffff;
	height: 30px;
    background-color:#E5AF12;
	cursor:pointer;	
	line-height:30px;
}

/*****
.ItemMenuPPAL_OVER {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	cursor:pointer;
	color:#00AEC6;
	height: 20px;
	filter:alpha(Opacity=75);
	opacity: .75;
	vertical-align:top;
	background-image:url(imagenes/spacer.gif);
}

.ItemMenuPPAL_ON {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00AEC6;
	font-weight: bold;
	text-align: center;
	height: 20px;
	cursor:default;
	filter:alpha(Opacity=100);
	opacity: 1;
	vertical-align:top;
	background-image:url(imagenes/spacer.gif);
}
****************/

.MenuPIE{
  border-top: 1px solid #553C3C;
}

.ItemMenuPIE {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color:#553C3C;
	height: 20px;
	background-image:url(imagenes/spacer.gif);
	cursor:pointer;	
	filter:alpha(Opacity=100);
	opacity: 1;
}

.ItemMenuPIE_OVER {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor:pointer;
	color:#00AEC6;
	height: 20px;
	filter:alpha(Opacity=75);
	opacity: .75;
}

.ItemMenuPIE_ON {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00AEC6;
	font-weight: bold;
	text-align: center;
	height: 20px;
	cursor:default;
	filter:alpha(Opacity=100);
	opacity: 1;
}

.Menu2 {
    width:145px; padding:0px;
}

ul.Menu2 {list-style:none; border:0px solid #ff0000;margin:0px; border-right: #553C3C solid 3px; padding-top:10px; padding-bottom:50px}
ul.Menu2 li {margin:5px 0px; padding-top:5px;}

.ItemMenu2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size: 11px;
	color:#553C3C;
	border-top: #553C3C dashed 1px;
}

.ItemMenu2:hover {
	color:#E5AF12;
	cursor:pointer;	
}

.ItemMenu2_ON {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color:#E5AF12;
	border-top: #553C3C dashed 1px;
}


.Menu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	height: 16px;
	width: 100%;
	background-image:url(imagenes/spacer.gif);
	cursor:pointer;	
}

.Menu3_OVER {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	cursor:pointer;
	color:#AF820F;
	font-weight: bold;
	height: 16px;
	width: 100%;
}

.Menu3_ON {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #AF820F;
	text-align: right;
	font-weight: bold;
	height: 16px;
	width: 100%;
	cursor:default;
	filter: alpha(opacity=50); opacity: .5;
}

.resaltado1{
  color:#00AEC6;
  font-weight:bold;
  font-style:italic;
}

.resaltado2{
  font-size:14px;
  color:#00AEC6;
  font-weight:bold;
}

.resaltado3 {
	color: #00AEC6;
}

.resaltado4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #553C3C;
}

.resaltado5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #553C3C;
}

.resaltado6{
  color:#553C3C;
  font-weight:bold;
  font-style:italic;
}


.Texto1
{
  text-align: left;
  font-size:12px;
}

.Texto2
{
  text-align: center;
  font-size:14px;
}

.TextoExtraGrande
{
  text-align:left;
  font-size:24px;
  font-weight:bold;
}

.Titulo1 { 
  position: relative;
  height:50px;
  background: no-repeat url(imagenes/fondo-titulo-gris.png);
  border:1px solid transparent;
  padding-bottom:5px;
}

.Titulo1 h1 {  
  font-family:verdana, arial, sans-serif; 
  font-size:17px; 
  margin-left:110px;
  margin-top:18px;
  color:#00AEC6;
}

.Titulo2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #553C3C;
}

.Titulo3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #553C3C;
}

.vigneta1{
    width:60px;
	height:60px;
	float:left;
	padding-left:15px;
	padding-right:5px;
	padding-bottom:20px;
	border:0px solid #00AAAA;
}

.vigneta2{
    width:32px;
	height:32px;
	padding-left:10px;
	padding-right:10px;
	border:0px solid #00AAAA;
}