/* CSS LA SAOSA >> Silvia Arcos */

/*
____________________

básicos
______________________*/

body{
	/*background-image: url(../images/pixelfondo.jpg);*/
	/*background-image: url(../images/fondolinea.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
	margin: 0px;
	padding: 0px;
	font:0.626em arial;
	height: 100%;
	color: #4b4a50;
	background-color: #00297b
}
html>body{
	background-image: url(../images/pixelfondo.jpg);
}
#fondolinea{
	background-image: url(../images/pixelfondo.jpg);
	/*background-position: 50em;*/
	height: 10em
}
html>body #fondolinea{
	min-height: 10em;
	height: auto!important;
	background-image: url(../images/pixelfondo.jpg);
}
html{
	margin: 0px;
	padding: 0px;
	height: 100%
}
img{
	margin: 0.4em 0em 0em 0em
}
a{
	font:1em /*arial*/;font-weight: normal;text-decoration: none;color: #c71410;
}
a:hover{
	color: #f36b47!important
}
#cabecera{
	background-image: url(../images/fondocabecera.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	width: 100%;
	height: 12em;
	margin: 0em;
	padding: 0em;
}
h1.logo{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0em;
	padding: 2.4em 0em 0em 0em;
	width: 14.5em;
	height: 2em;
	/*text-indent: -4000em;*/
	float: left;
}
html>body h1.logo{
	width: 14.5em;
	height: 4.2em;
	padding: 3.5em 0em 0em 0em;
}
h2.direccion{
	width: 21.3em;
	margin: 0em;
	padding: 0.4em 0.5em 0em 0em;
	text-align: right;
	border-left: 1px solid dashed #c0c0c0;
	height: 4em;
}
html>body h2.direccion{
	font-size: 2.2em!important;
	float: right;
	width:31.5em;
	height: 4em;
}
h2.direccion2{
	width: 10em;
	margin: 0em;
	padding: 0.4em 0em 0em 1em;
	text-align: left;
	height: 4em;
	float: left;
}

h2.subtitulares{
font:2.6em arial;font-weight: normal;text-decoration: none;color: #c71410;
margin: 0.2em 0em 0.2em 0em
}

h3.apartados{
font:1.1em arial;font-weight: bold;text-decoration: none;color: #00297b;letter-spacing: 0.1em;
margin: 0.8em 0em 0em 0em;
padding: 0em 0em 0em 1.4em;
background-image: url(../images/circulo.gif);
background-repeat: no-repeat;
background-position: left
}
h3.apartados a{
color: #c71410
}

h3.apartados a:visited{
color: #797a74
}

p{
	margin: 0em;
	font: 0.5em Georgia;font-weight: normal;text-decoration: none;color: #4b4a50;
	/*letter-spacing: 0.1em;*/
	padding: 0em 0em 0em 0em
}
p.gen{
	font: 1.2em arial;font-weight: normal;text-decoration: none;color: #4b4a50;
	padding: 0em 0em 0em 1.2em
}


.iconomail{
	background-image: url(../images/icono_mail.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0em 2em 0em 0em;
	margin: 1.7em 0em 0em 0em
}
fieldset{
	float: left;
	padding: 0.8em;
	margin-left: 1em;
	width: 30em;
}
textarea{
	width: 20em;
	border: 1px solid #666366;
}
input{
	width: 20em;
	border: 1px solid #666366;
}
textarea,input{
	padding: 0.1em;
	font:1.1em arial;font-weight: normal;text-decoration: none;	color: #666366;
}
input.boton{
	width: 10em;
	background-color: #c9100b!important;
	border-right: 0.2em solid #870401;
	border-bottom: 0.2em solid #870401;
	border-left:  0.2em solid #ffb3b1;
	border-top: 0.2em solid #ffb3b1;
	font:1.2em arial;font-weight: bold;text-decoration: bold;	color: #FFF;
	padding: 0.2em;
	margin: 0.2em 0em 0.2em 0em;
	letter-spacing: 0.1em;
	float: left
}
legend{
	margin: 0em 0em 0.8em 0em
}
label{
	float: right
}
/*
_____________________ 

maquetacion
______________________
*/

#contenedor{
	width: 99.8em;
	margin: 0 auto;
	border-top: 0.8em solid #00297b;
	background-image: url(../images/pixelcolor.jpg);
	background-repeat: repeat;
	height: 10em;
}
html>body #contenedor{
	min-height: 10em;
	height: auto
}
.fotohome{
	background-image: url(../images/fotohome.jpg);
	background-repeat: no-repeat;
	width: 47em;
	height: 23.2em;
	float: left;
	margin: 0em;
}
html>body .fotohome{
	clear:both
}
/*.subcabecera{
	width: 52.5em;
	height: 21.9em;
	margin: 0em;
	padding: 1.2em 0em 0em 0em;
	text-align: right;
	border-left: 1px solid dashed #c0c0c0;
	float: left;
	background-image: url(fotohome_b.gif);
	background-repeat: no-repeat;
	background-position: right top;
}*/
.subcabecera{
	width: 52.5em;
	height: 21.9em;
	margin: 0em;
	padding: 1.2em 0em 0em 0em;
	text-align: right;
	border-left: 1px solid dashed #c0c0c0;
	float: right;
	background-image: url(../images/fotohome_b.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#contenidos1{
	width: 100%;
	height: 4.5em;
	margin: 0em;
	float: left;
}
#contenidoshome{
	width: 48em;
	height: 4.5em;
	margin: 0em;
	float: left;
}
html>body #contenidoshome{
	clear:both
}
#contenidos2{
	width: 48em;
	height: 17em;
	margin: 0em;
	position: 0em 0em;
	float: right;
	background-image: url(../images/fotohome_c.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#contenidos3{
	width: 98.5%/*52.5em*/;
	height: 17em;
	margin: 0 auto;
	padding: 0em 0em 0em 0.2em;
	background-image: url(../images/pixelfondo.jpg)!important;
	background-repeat: repeat;
}
html>body #contenidos3{
	min-height: 17em;
	height: auto;
}
#contenidos4{
width:30em!important; 
	height: 4.5em;
	margin: 0em;
	float: left;
	clear: both;
}
#contenidoscatalogo{
/*idth: 30em; */
	height: 4.5em;
	margin: 0em;
	float: left;
	padding: 0em;
}
html>body #contenidoscatalogo{
	min-height: 4.5em;
	height: auto;
	width: 50em
}
#pie{
	height: 14em;
	width: 100%;
	background-color: #00297b;
	background-image: url(../images/fondocontenido.jpg);
	background-repeat: repeat-x;
	background-position: top;
	clear: both!important
}
html>body #pie {
		clear: both!important;
}
ul#menu{
	height: 1.9em;
	background-image: url(../images/fondomenu.gif);
	background-repeat: no-repeat;
	background-position: left;
	list-style-type: none;
	padding:0.6em 0em 0em 0em;
	margin:0em;
}
ul#menu li{
	display: inline;
	color: #FFF;
	margin: 0em;
	padding: 2em 0.5em 2em 0.5em;
	/*letter-spacing:0.1em;*/
}
ul#menu li a{
	font: 1.2em arial;font-weight: normal;text-decoration: none;color: #FFF;
	padding: 0em;
}
.cabecerainterior{
	width: 100%;
	height: 6em;
	margin: 0em;
	float: right;
	background-image: url(../images/cabecera_g.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.portadacatalogo{
	list-style-type: none;
	padding:0.6em 0em 0em 0em;
	margin:0em;
	background-image: url(../images/imagencatalogo.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 100%!important;
	height:24em;
	/*float: left;*/
	clear: both;
}
html>body .portadacatalogo{
	min-height:24em;
	height:auto;
}
ul#catalogo{
	list-style-type: none;
	padding:0.6em 0em 0em 0em;
	margin:0em;
	height:24em;
	clear: both;
}
ul#catalogo li{
background-image: url(../images/flecha.gif);
background-position: left;
background-repeat: no-repeat;
padding: 0em 0em 0em 1.8em;
margin: 0em 0em 0em 2em;
}
ul.imagescatalogo{
	font: 1.2em arial;font-weight: normal;text-decoration: none;color: #FFF;
	padding: 0em;
	list-style-type: none;
	float: left;
/*idth:42em;  */
	margin: 0em 0em 0em 0em;
}
ul.imagescatalogo li{
	font: 1.2em arial;font-weight: normal;text-decoration: none;color: #FFF;
	margin: 0.5em;
	padding: 0em;
	/*border: 6px solid #00297b;*/
	list-style-type: none;
	display: inline;
	float: left;
}

ul.imagescatalogo li a{
		/* border: 4px solid #00297b; */
		height: 105px;
}
html>body ul.imagescatalogo li a{
	height: 100px;
	display: block;
	padding: 0em!important;
}

#listado{
	width:350px;
	margin: 0 auto;
	float:left;
}


.titular{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	font: bold 11px Georgia;
	text-decoration: none;
	color: #176e9a;
	float:left;
}

.direccion{
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 10px;
	font: normal 11px Georgia;
	text-decoration: none;
	width:500px;
	color: #4b4a50;
	float:left;
}



.lopd{
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 10px;
	width: 500px;
	#width: 500px;
	height:auto;
	font:normal 11px Verdana;
	color: #afafaf;
	text-align:justify;
	float: left;
}