/* CSS Document */

/*estilo contactos*/

#formContenedor 
{	text-align:center;
	position:relative;
	width:400px;
	left:10px;
	top:0px;
}
#infocontacto 
{
	text-align:center;
	position:relative;
	width:400px;
	left:5px;
	top:0px;
}
#nota 
{
	color:#CC3300;
	text-align:left;
	font-size:80%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:150px;
	left:0px;
	top:0px;
	height:100px;
	left:280px;
	z-index:3;
}


/*table { width:150px; }*/

input 
{
	width:220px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

textarea
{
	width:220px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label { width:120px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right; font-size:80%;}

.campo { width:100px;}

.ayuda { width:20px; text-align:center;}

.inputNormal { border:1px solid; }

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	top:4%;
	left:2%;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; 
	filter:alpha(opacity="95");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

 

#mensajesAyuda
{
	width:120px;
	font-family:Verdana;
	color:#CC3300;
	font-size:10px;
	border:1px solid #000099;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
	z-index:500;
}

#ayudaTitulo
{
	background-color:#000099; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{
	background-color:#FFFFFF;
	vertical-align:middle;
	padding:2px;
	color:#000099;
}


/*accordion */
.header {
	background:#000;
	cursor:pointer;
	padding:4px;
}

.header:hover {background-color:#666;}

.selected {background-color:#F00;color:#000066;}

.content {background:#FFF; padding:5px;}


#basic-accordian {
	border:0px solid #EEE;
	padding:0px;
	width:800px;
	position:absolute;
	left:79px;
	top:284px;
	z-index:2;
	height: 0;
}



.accordion_headings{
	padding:5px;
	background:#FFFFFF;
	color:#999999;
	border:1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	cursor:pointer;
	font-weight:bold;
	width:800px;
}

.accordion_headings:hover{
	background:#CCCCCC;
	width:800px;
	color:#FFFFFF;
}

.header_highlight{
	background:#CCCCCC;
	color:#000066;
	width:800px;
}
.accordion_child{
	padding:15px;
	background:#FFFFFF;
	}

.accordion_child a{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	}
	
.accordion_child a:hover {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
}

/*...*/


body{background-color:#CCCCCC; margin-top:0%; margin-left:5%;}

.cuerpo{background-image:url(../imagenes/cuerpo.png); background-repeat:repeat;}


.fondo_pie{
background-image:url(../imagenes/pie.png);
background-repeat:no-repeat;
}

#telefonos{
border-top:2px solid #CCCCCC; width:250px;
width:250px;
margin-right:5%;
text-align:right;
vertical-align:top;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:65%;
position:relative;
left:0;
top:0;
}
#mails{
	width:200px;
	text-align:center;
	vertical-align:top;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:65%;
	position:relative;
	top:0;
	left: 0;
}

h1 {
border-bottom:2px solid #333399; width:800px;
color:#358AA9;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:135%;
text-align:left;
margin-left:5%;
}

ul {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:75%;
}

h2 {
color:#333399;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:115%;
margin-left:2%;
}
h3 {
color:#333399;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
margin-left:2%;
}
p {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:75%;
text-align:justify;
}
.textotabla {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:70%;
}
.resalte {
color:#333399;
font-weight:bold;
}
input, textarea {
background-color:#FFFFFF;
border:1px solid #999999;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
.encabezado {
color:#333399;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:70%;
font-weight:bold;
}
.encabezado-tabla {
color:#ffffff;
background:#333399;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:70%;
font-weight:bold;
}
.centrado {
text-align:center;
}
.fuenteblanca {
color:#FFFFFF;
}
.nota{
font-style:oblique;
text-align:center;
}
#webmaster{
	margin-left:4%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:60%;
	position:relative;
	left:0px;
	top:5px;
	height:15px;

}

.margen{
margin-left:5%;}

.lineavertical{
border-left:1px solid #CCCCCC;}

.lineahorizontal{
border-bottom:1px solid #CCCCCC; width:150px;
}

.linea-v-h{
border-left:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC;}
.borde img{
border-left:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; }

#prod-relacionados a{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	}
	
#prod-relacionados a:hover {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
}

#print a{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:65%;
	}

#print a:hover {
color:#000066;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
}

.texto{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%;
}

#prod-relacionados{
    margin-left:3%; 
    text-align:center;
	background:#FFFFFF;
	border:1px solid #999999;
	cursor:pointer;
	font-weight:bold;
	width:850px;
}
/*pluma*/

	#screen {
		position: relative;
		left:0%;
		top:0%;
		width:100%;
		height:100%;
		font-family:Comic Sans MS;
		overflow:hidden;
		font-size:1em;
	}
	#inkp1 {
		position:absolute;
		top:50px;
		left:10px;
	}
	#inkp2 {
		position:absolute;
		top:50px;
		left:10px;
	}
	#context {
		position:absolute;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.letra{
	font-family:Comic Sans MS;
	color:#000066;
	font-size:150%;}