/* CSS Document */

body, html {
margin:0;
padding:0;
}

body {
background-image:url(/images/nav/bodyfondo.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

h2 {
color:#FF6600;
}

.azules {
color:#0066FF;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

#contenedor {
width: 960px;
margin-left:auto;
margin-right:auto;
}

#header {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	display:block;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#cu3er-container {
width:920px; 
outline:0;
}

#logo {
float:left;
margin-right: 30px;
}

#buscador {
float:right;
margin-right: 20px;
}

#principal {
width: 640px;
padding: 20px;
float:left;
min-height: 800px;
}

#portaelementos_centrados {
width: 500px;
padding-left: 10px;
margin-left:auto;
margin-right:auto;
}

#elemento {
width: 150px;
float:left;
margin: 5px;
}
#elemento-detalles {
width: 98%;
margin: 5px;
text-align:center;
}

#elemento_foto {
text-align:center;
height: 188px;
background-image:url(/images/sombras_rev.jpg);
background-repeat:no-repeat;
background-position: bottom center;
}
#elemento_opciones {
text-align:center;
}
#elemento_datos {
text-align:center;
clear:both;
color:#FF9900;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display:block;
border-bottom: dotted thin #666666;
}
#elemento_fecha {
text-align:center;
clear:both;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#separador {
float:left;
background-image:url(/images/nav/separador.jpg);
background-repeat:no-repeat;
background-position: center;
width: 960px;
height: 40px;
}

#anuncios {
float: left;
width: 240px;
margin-bottom: 15px;
}
#col_derecha {
float: left;
width: 240px;
background-image:url(/images/nav/fondo_lateral.jpg);
background-repeat:no-repeat;
min-height: 500px;
}

#contenido_col_derecha {
margin-top: 10px;
padding: 15px;
text-align:center;
}

#menu {
clear:both;
margin-left: 20px;
z-index: 101;
}

#espacios {
	margin-left:auto;
	margin-right:auto;
	width: 700px;
}
#espacio1 {
background-image:url(/images/anuncios/1.jpg);
background-repeat:no-repeat;
background-position: top center;
float:left;
width: 210px;
height: 115px;
margin: 5px;
}
#espacio2 {
background-image:url(/images/anuncios/2.jpg);
background-repeat:no-repeat;
background-position: top center;
float:left;
width: 210px;
height: 115px;
margin: 5px;
}
#espacio3 {
background-image:url(/images/anuncios/3.jpg);
background-repeat:no-repeat;
background-position: top center;
float:left;
width: 210px;
height: 115px;
margin: 5px;
}

#contenidoespacios {
color:#FFFFFF;
padding: 25px;
font-size:16px;
font-weight: bold;
}

#aparador {
	clear:both;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

#listado {
padding: 20px;
}
#footer {
padding: 20px;
background-color:#999999;
color:#FFFFFF;
}
#foos {
width: 850px;
padding: 10px;
margin-left:auto;
margin-right:auto;
}
#foos #foo1 a, #foos #foo2 a, #foos #foo3 a {
text-decoration: none;
color:#FFCC66;
}
#foos #foo1 ul li, #foos #foo2 ul li, #foos #foo3 ul li {
list-style: none;
}

#foo1 {
font-size:14px;
float:left;
width: 250px;
margin: 10px;
border-right: dotted thin #FFFFFF;
}
#foo2 {
font-size:14px;
float:left;
width: 250px;
margin: 10px;
border-right: dotted thin #FFFFFF;
}
#foo3 {
font-size:14px;
float:left;
width: 250px;
margin: 10px;
}


#copyright {
width: 850px;
padding: 10px;
margin-left:auto;
margin-right:auto;
}



/* clases */
.clear {
clear:both;
}

.g {
background-image:url(/images/cintas/g.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:9px;
margin-top:30px;

}
.c {
background-image:url(/images/cintas/c.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:9px;
margin-top:30px;

}

.p {
background-image:url(/images/cintas/p.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:0px;
margin-top:30px;

}


.gc {
background-image:url(/images/cintas/gc.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:9px;
margin-top:30px;

}

.g-det {
background-image:url(/images/cintas/g.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:0px;
margin-top:30px;
left: 240px;

}
.c-det {
background-image:url(/images/cintas/c.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:0px;
margin-top:30px;
left: 240px;

}
.p-det {
background-image:url(/images/cintas/p.png);
background-repeat:no-repeat;
background-position: top left;
position:absolute;
z-index: 100;
width:74px;
height:74px;
margin-left:0px;
margin-top:30px;
left: 240px;

}



.botongral{
background:url(/images/botones/detalles.gif) no-repeat;
cursor:pointer;
border: none;
font-size:12px;
width: auto;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
border: 0;
}


.centrado {
text-align:center;
margin-left:auto;
margin-right:auto;
}


/* buscador */

.buscar{
background-image:url('/images/nav/buscar.jpg');
background-repeat:no-repeat;
background-position: top left;
padding-left:40px;
font-family: Arial, sans, Helvetica;
font-size: 15pt;
color: #666666;
border: solid #000000 0px;
background-color: #ffffff;
margin-bottom: 10px;
vertical-align:middle;
}

#contornoinput {
	background-color:#FFFFFF;
	vertical-align:middle;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}



/* Ver.php */


#barrasupver {
width: auto;
position:relative;
height: 30px;
background-color:#666666;
color:#CCCCCC;
padding: 10px;
margin:auto;
}

#barrasupver a {
	color:#FF9900;
	text-decoration:none;
}
#barrasupver .boton {
float: right;
}


/* Menu usuario */

li.micuenta_botones {
list-style: none;
display:block;
width: 180px;
background-color:#FFCC33;
color:#ffffff;
margin-left: auto;
margin-right:auto;
margin-top: 10px;
padding: 10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
li.micuenta_botones a {
text-decoration: none;
color:#FFffff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}



/* Ajax, verifica usuario existente */
.messagebox{
 position:absolute;
 width:100px;
 margin-left:30px;
 border:1px solid #c93;
 background:#ffc;
 padding:3px;
}
.messageboxok{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #349534;
 background:#C9FFCA;
 padding:3px;
 font-weight:bold;
 color:#008000;
}
.messageboxerror{
 position:absolute;
 width:auto;
 margin-left:30px;
 border:1px solid #CC0000;
 background:#F7CBCA;
 padding:3px;
 font-weight:bold;
 color:#CC0000;
}