@charset "utf-8";
/* CSS Document */
*
{
padding:0px;
margin:0px;
}
 html, body {
	height: 100%;
	overflow:inherit !important;	
	overflow: auto; 
	}
body {
	background-color: #666666;
	background:url(../data/imagenes/back.gif);
}
#petralog {
	margin: 0px auto;
	height:auto;
	width: 800px;	
}
#header {
	
	height: 325px;
	width: 800px;
}
#headerTop
{
	background-color: #fff;
	height: 45px;
	width: 800px;

}
#topBlack
{
width:800px;
height:11px;
background:#000000;
}
#infoTop
{
width:250px;
height:32px;
float:left;
font-size:12px;
margin-top:2px;
padding-left:10px;
font-family:Verdana;
}
#linkCambioIdioma
{
text-decoration:none;
color:#999;


}
#fecha
{
float:left;
font-size:10px;
}
#tiempo
{
float:left;
font-size:10px;
margin-left:5px;
display:inline;
}
#logoLink {
float:right;
margin-right:10px;
display:inline;

}
#logoLink img{
border:none;
}

#headerBottom
{
	background-color: #666666;
	height: 280px;
	width: 800px;
}
#contenido {
	background: #ddd;
	width: 800px;
	height:auto;

}


#footer {
width:800px;
height:auto;
postion:fixed;
bottom:0px;
}



/*========== MAPA DEL SITIO ======*/

#listaMapa
{
width:310px;
/*height:181px;*/
height:0px;
background:#000;
color:#fff;
padding:0px;
padding-left:5px;
padding-right:5px;
/*position:fixed !important;*/
position:inherit;
bottom:0px;

border:2px solid #C68756;
border:none;
}
#listaMapa li
{
width:155px;
height:35px;
list-style:none;
float:left;
text-align:center;
display:none;
}

#listaMapa li a
{
color:#fff;
text-decoration:none;
font-size:11px;
font-family:Verdana;
display:block;
height:22px;
padding-top:9px;
}
#listaMapa li a:hover
{
background:#C68756;
}



/*========== Formulario de contacto ======*/

#fondo
{
height:900px;
width:100%;
/*background:url(../data/images/fondo.png) !important;
background-image: none;*/
filter: alpha(opacity=40);
-moz-opacity: .40;
opacity: .40;
background:#000;
position :fixed !important;
position :absolute;
bottom :0px;
left :0px;
z-index:3;
display:none;
}

#zonaForm
{
width:270px;
height:300px;
padding-right:30px;
padding-left:15px;
z-index:4;
font-size:13px;
position :fixed !important;
position :absolute;
top :23%;
left:34%;
/*border:1px outset #fff;
background:#eee;*/
display:none;
}

#formularioContacto
{
	padding:0px;
	margin:5px auto;
	width: 270px;
border:2px solid #C68756;

padding-left:15px;
padding-top:5px;
height:235px;
background:#000;
}
#formularioContacto div
{
	margin-top:5px;
	width: 270px;
	height:20px;


}
#formularioContacto #divSubmit2
{
	margin-top:5px;
	width: 100%;
		height:40px;

}
#formularioContacto #divTextA
{
height:95px;
}
.pForm
{
width:90px;
float:left;
margin:0px;
display:inline;
}


#botonEnviar
{
height:30px;
width:70px;
margin-right:13px;
margin-top:10px;
margin-bottom:10px;
float:right;
display:inline;

}



#formularioContacto p
{
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#mensajeCerrar
{
width:105%;
height:20px;
padding:0px 0px;
margin:0 auto;
margin-top:10px;

}
#mensajeCerrar a
{
	float:right;
	color:#fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
        font-weight:500;
}

#mensajeCerrar a:hover
{
font-size:20px;
padding-top:1px;

}
#mensajeCerrar a:active
{
color:#ddd;

}


#formularioContacto #mensajeResultado
{
float:left;
height:30px;
width:180px;
margin-top:10px;
margin-bottom:10px;
color:#FF0000;
text-align:center;
font-size:12px;
}

#contenidoContacto
{
width:252px;
height:90px;
border: solid thin #fff;
border-width:1px;
background:#000000;
color:#FFFFFF;

}

#formularioContacto div .entradaText
{
border: solid thin #fff;
border-width:1px;
background:#000;
color:#fff;
float:right;
margin-right:15px;

}

#imgUbicacion
{
margin:10px;
margin-left:8px;
}