/* estilos generales */

body {
	font: 13px/16px Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background-color: #5a7e92;
	margin: 0;
	padding: 0;
	text-align: center;
}

a, a:link, a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	color: #b0c1ca;
}


img{
	border: none;
}

p{
	margin-top: 0;
}


h2{
	font-size: 16px;
	line-height: 16px;
	color: white;
	margin: 5px 0;
	letter-spacing: 1px;
}

h4{
	font-size: 22px;
	line-height: 30px;
	color: white;
	margin: 30px 0 10px 0;
	letter-spacing: 1px;
	border-bottom: 1px solid white;
	
}


h5{
	font-size: 16px;
	line-height: 30px;
	color: white;
	margin: 30px 0 10px 0;
	letter-spacing: 1px;
	border-bottom: 1px solid white;
	
}


hr {
color: white;
height:1px;
background-color:white;
width: 90%;
float: left;
border:0px;

}




/* -------------- estilos cabecera/menu -------------- */
#cabecera{
	background-image: url(../imagenes/degradado-fondo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	height: 450px;
	width: 1098px;
	left: 50%;
	margin: 0 0 0 -830px;
	text-align: left;
}

#logo{
	position: absolute;
	left: 50%;
	margin: 15px 0 0 179px;
	z-index:1;
}
#logo div{
	position:absolute;
	text-align: right;
	top:67px;
	width:221px;
	font-weight: bold;
	margin: 0 -4px;
	z-index:100;
	left:0px;
	
}

#menu{
	position: absolute;
	left: 50%;
	margin: 115px 0 0 -115px;
	width: 515px;
	
	letter-spacing: 1px;
	font-size: 15px;
}

#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
	
	}
	
#menu li{
	float: left;
	line-height: 30px;
	padding: 0;
	width: auto;
}
#menu a{
	color: #b0c1ca;
}
#menu .activo{
	border-bottom: 5px solid white;
	color: white;
}
#menu .activo a, #menu a:hover{
	color: white;
}


#idiomas {
text-align:right;
margin: -5px 0 10px 0;
width:100%;

}

/* -------------- estilos cuerpo -------------- */

#cuerpo{
	position: relative;
	float: left;
	left: 50%;
	width: 800px;
	margin: 185px 0 0 -400px;
	text-align: left;
}

#contenido{
	margin-left: 200px;
}
#titulo{
	margin: 15px 0;
	height: 50px;
}

#titulo h1, #titulo h2, #titulo h3{
	margin: 0;
	padding: 0;
	position: absolute;
}
#titulo h1{
	font-size: 36px;
	line-height: 36px;
	color: white;
	letter-spacing: 2px;
	z-index: 3;
}
#titulo h2{
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 5px;
	color: white;
	opacity: 0.2;
	z-index: 2;
	margin: 10px 0 0 16px;
}
#titulo h3{
	font-size: 50px;
	line-height: 50px;
	letter-spacing: 10px;
	color: white;
	opacity: 0.1;
	z-index: 1;
	margin: -12px 0 0 30px;
}
#contenido h3{
	margin-bottom: 1px;
}



#subir {
font-size:9px;
font-weight:normal;
text-align:right;
width:100px;
float:right;

}

/* -------------- estilos pie -------------- */


#pie{
	text-align: right;
	font-size: 9px;
	color: white;
	border-top: solid 1px white;
	margin-top: 20px;
	position: relative;
}
#pie ul{
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
	position: relative;
}
#pie .izquierda li{
	float: left;
	width: auto;
}

#pie .derecha li{
	float: right;
	width: 200px;
}

.logoGrupoRecense{
	position: absolute;
	top: -25px;
	left: 0px;
	z-index: 1;
}
.logoGrupoRecense:hover{
	border: dotted 1px #5a7e92;
}

/* -------------- estilos administrador -------------- */
#menuAdmin{
	width: 250px;
	z-index: 20;
	position: absolute;
	top: 20px;
	left: 10px;
	text-align: left;
	background-color: #666666;
	border: solid 2px #999999;
}

#menuAdmin ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menuAdmin li{
	line-height: 20px;
	padding: 3px 8px;
}
#menuAdmin .activo a, #menuAdmin .activo a:hover{
	color: black;
}
#menuAdmin li.activo{
	background-color: #999999;
}
/* panel administrdor   cms*/

.comentarioFormulario{
	font-size: x-small;
}
.sinActivar{
	color: #666666;
	background-color: #cccccc;
}
.formularioAdmin{
}
.formularioAdmin table{
width:100%;
margin: 0px;
}
.formularioAdmin div{
text-align: center;
width: 100%;
clear: both;
margin: 6px 0;

}
.lineaInferior{
	border-bottom: 1px solid black;
}

.margenSuperior{
	padding: 10px 0 0 0;
}


/*   listas en la seccion de admini  */
.visible{
	display:table-row;
}
.oculto{
	display: none;
}

#cuerpo .noPublicado { color: red; }
#cuerpo .publicado { color: green; }

.lista tr{
	line-height: 16px;
	vertical-align: middle;
}
.lista td{
	padding: 0 5px;
	border-top: 1px solid black;
}
.lista form{
	margin: 0px;
}
.lista img{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.lista tr:hover{
	background-color: #c6d6d6;
}
.lista .seccionPortada{
	background-color: gray;
	color: white;
}
.lista .seccionPortada a{
	color: white;
}
.alinearCentro{
	text-align: center;
}

/* sección catálogo */
table.catalogo {
width: 100%;
border-collapse:separate;

}




.catalogo th {
width:50%;
font-size:14px;
text-transform:uppercase;
height: 20px;
padding:15px 0 5px 0;
font-weight:normal;
}


.catalogo td {
padding: 5px;

}




#menu_catalogo {

position:absolute;
left:50%;
margin-left:-350px;
border-top: 5px solid white;
top:100px;
width: 100px;

}

#menu_catalogo ul {
padding:0px;
margin:2px 0px; 
}


#menu_catalogo li {
list-style:none;
letter-spacing:1px;
line-height:20px;
}

#menu_catalogo a {
color:#B0C1CA;
}

#menu_catalogo a:hover {
color:white;
}

table.catalogo_caracteristicas {
width: 100%;
}



.catalogo_caracteristicas th{
width: 33%;
font-size:14px;
height: 20px;
padding:15px 0 5px 0;
font-weight:normal;
}


.catalogo_materiales table {
border-collapse: separate;


}


.catalogo_materiales th {
padding-right: 20px;
width:50%;
}


.catalogo_materiales td {
vertical-align:top;
}

/* formulaio pedido abarcones */
#imagenAbarcon div{
	position: relative;
}
#imagenAbarcon input{
	width: 40px;
	position: absolute;
}
.formPATexto{
	text-align: right;
	width: 70px;
	vertical-align: top;
}

span.error{
	font-size: 10px;
	color: red;
}
input.error, textarea.error{
	border-color: red;
}
td.error{
	border: solid red 1px;
}