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

body, html { background:url(img/bg.gif) repeat-x; margin:0; font-family:Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
#head { width:850px; margin:0 auto; background:url(img/toptop2.gif) no-repeat; height:39px }
#h-left { width:230px; float:left; margin-top:25px; margin-left:0 }
#h-right { width:593px; height:95px; margin-top:39px; float:right;border-left:#333333 solid;
	border-left-width:2px; }

#h-right ul
{
float:right;
margin:0 0 0 0;
padding: 0;
list-style-type: none;
}

#h-right ul li{ 
display: inline;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:18px;
float:left;
border-right:#333333 solid;
border-right-width:2px;
}

.separacion{
background:url(img/menu_separacion.gif);
width:4px;
height:94px;}

#h-right ul li a{
display:block;
height:65px;
/*padding:30px 5px 0 5px;*/
padding:30px 10px 0 10px;
text-transform:uppercase;
text-decoration:none;
color:#FFFFFF;
background:url(img/menu_bg.gif) bottom center repeat-x;}

#h-right ul li a:hover{
background:url(img/menu_bg.gif) top center repeat-x;}

#intro { width:850px; margin:0 auto; height:254px; clear:both; margin-bottom:25px; }

#cuerpo { width:850px;margin:0 auto; overflow:auto;}
#cuerpo ul { list-style:none; margin:0 auto; padding:0; margin:0 auto }
#cuerpo li { float:left; width:185px; padding:10px; margin:2px; text-align:center; overflow:auto; color:#666666; font-size:13px; font-weight:600; }
#cuerpo li img { margin:10px; border:1px solid #666666; padding:2px }

#cuerpodos { width:850px;margin:0 auto; overflow:auto; font-size:12px;}
#cuerpodos ul { list-style:none; margin:0 auto; padding:0; margin:0 auto }
#cuerpodos li { float:left; width:830px; padding:5px; margin:2px; overflow:auto; color:#666666; font-size:13px; border:1px solid #dddddd; }
#cuerpodos li img { float:left; margin-right:10px; }
#cuerpodos b { font-size:14px; }
#cuerpodos a { color:#000000; }
#cuerpodos a:hover { color:#990000; }


#detalles { width:850px; margin:0 auto; overflow:hidden;  }
#left { float:left; width:342px; background:#DDDDDD; padding:15px; border-radius:15px 0 0 15px;}
#right { float:right; width:450px; padding:5px; font-size:12px; border-right:1px solid #DDDDDD}
#right p { color:#666666; font-size:16px }
#right input, textarea { color:#000000; font-family:Arial; padding:4px }
.envio { background:#7c1014; color:#FFFFFF; padding:7px; border:1px dashed #333333; cursor:pointer }

.datos td {border-bottom:1px dotted #999999; }
.nodatos td { border-bottom:0px; }

#busq { height:300px; margin:0 auto; width:850px; }


.in { width:90px; padding:3px; }

.txtc { font-size:11px; color:#333333; }
.txt11 { font-size:11px; color:#333333; }


pre{
display:block;
font:100% "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;	
margin:.5em 0;
overflow:auto;
width:800px;
}
#preview{
position:absolute;
border:1px solid #fff;
background:#333;
padding:3px;
display:none;
color:#fff;
}
#screenshot{
position:absolute;
border:1px solid #ccc;
background:#333;
padding:5px;
display:none;
color:#fff;
}
.mostrar {
background-color:#333333;
border:#999999 1px solid;
color:#CCCCCC;
padding:0px;
margin-left:7px;
}
form {margin-top:10px}
select {background-color:#CCCCCC; font-size:11px; padding:3px; font-weight:bold; color:#333333;
}

.titulo { color:#666666; font-size:23px; }


/* Contenido */

.buscador {
background:url(img/top_img.jpg) no-repeat;
width:848px;
height:254px;
float:left;
margin-top:10px;
position:absolute;
z-index:-999;
}

.cont_busqueda{
position:absolute;
z-index:2;
background:url(img/bg_search.png) no-repeat;
width:401px;
height:189px;
margin:10px 10px 0 620px;
top:180px;
}

.btn_search{
background:url(img/btn_search.gif) no-repeat;
width:66px;
height:102px;
cursor:pointer;
border:0;}

.btn_ok{
background:url(img/btn_ok.jpg) no-repeat;
width:102px;
height:42px;
cursor:pointer;
border:0;}
.codigo { width:100px; padding:5px; background:#eaeaea; border:1px solid #333333 }


#contact-left { width:42%; float:left; padding:5px; overflow:auto; }
#contact-left input, textarea { width:100%; padding:5px; color:#666666 }
#contact-right { width:53%; float:right; }

/* pie */
.pie {
	width:100%;
	height:167px;
	float:left;
	background:url(img/bg_footer.gif) repeat-x;
	color:#FFF;
	margin-top:20px;
}
.pie a { color:#FFFFFF; }
.pie h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.pie p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.pie_centrar {
	width:850px;
	margin:auto;
}
.pie_left {
	width:150px;
	height:82px;
	float:left;
	padding-top:50px;
}

.pie_right {
	width:670px;
	height:135px;
	float:right;
	padding-top:20px;
}