
body{
	font-size: 16px;
	margin: 0;
	background: #8b0202;
}

header{
	background: #fff;
	height: 16em;
}

header .centrado{
	background-image: url(../img/bg_header.png);
	height: 100%;
	width: 1000px;
	margin: 0 auto;	
	box-shadow: 0px 0px 25px #000;
}

header .centrado .ops_superior{	
	height: 3em;
	width: 100%;
	text-align: right;
	color: #980303;	
}

header .centrado .ops_superior a{	
	color: #ce0202;
	text-decoration: none;
	font-family: arial;
	margin-right: 0.5em;	
	display: inline-block;
	height: 1.7em;
	padding: 0em 0.5em;
	padding-top: 0.5em;
	border-radius: 0 0 0.5em 0.5em;
	font-weight: bold;
	background: rgba(0,0,0,0.1);
}

header .centrado .ops_superior a:hover{
	background: #ce0202;
	color: #fff;
}

header .centrado .logo{
	
	height: 10.1em;
	width: 100%;
}

header .centrado .logo .ellogo{
	width: 49.5%;
	height: 100%;
	
	display: inline-block;
	vertical-align: top;
}

header .centrado .logo .telefono{
	width: 49.5%;
	height: 100%;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

header .centrado .logo .telefono .fono{
	padding: 0.2em 2em;
	border-radius: 0.8em;
	background: #880202;
	color: #fff;
	font-family: arial;
	font-size: 1.2em;
	width: 9em;
	position: absolute;
	right: 0.5em;
	bottom: 1.5em;
}

header .centrado nav{	
	height: 2.2em;
	width: 100%;
}

header .centrado nav a{	
	height: 2em;
	width: 166px;
	background-image: url(../img/bg_opcionmenu.jpg);
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	font-family: arial;
	padding-top: 1.3em;
	text-decoration: none;
	font-size: 0.9em;	
	color: #fff;
}

header .centrado nav a:hover{	
	background: #fff;
	color: #880202;
	box-shadow: 0px 0px 15px #000;
	height: 1.9em;
}
section{
	width: 995px;
	margin: 0 auto;	
	box-shadow: 0px 0px 10px #000;
}

section figure{	
	height: 23.4em;
	width: 995px;
	margin: 0 auto;	
	position: relative;
	

}

section figure .caption{
	position: absolute;
	background: rgba(0,0,0,0.4);
	border-radius: 2em;
	width: 800px;
	height: 40px;
	color: #fff;
	text-align: center;
	bottom: 1em;
	left: 5em;
	padding-top: 1em;
	font-size: 1.2em;
	font-family: arial;

}

section figure img{	
	width: 100%;
	
}

section article{	
	height: 50em;
	width: 995px;
	margin: 0 auto;	
	background: #eaeced;
	margin: 0;
	border-top: 5px solid #d3cccc;
}

section article .cuerpo{
	width: 77%;	
	height: 45em;
	display: inline-block;
	vertical-align: top;
	
}
section article .cuerpo h1{
	margin-left: 1em;
	font-size: 2em;
	font-family: arial;
}

section article .cuerpo p{
	margin-left: 16px;
	font-size: 1em;
	font-family: arial;
	text-align: justify;
	margin-right: 2em;
}

section article .cuerpo p img{
	float: left;
	width: 200px;
}

section article .cuerpo iframe{
	margin-left: 2em;
}

section article .cuerpo h2{
	margin-left: 2em;
	font-family: arial;
	margin-top: 2em;
}

section article .p_derecho{
	width: 18%;
	border-left: 5px solid #d3cccc;	
	height: 47.3em;
	display: inline-block;
	vertical-align: top;
	font-family: arial;
	clear: both;
}

section article .p_derecho p{
	color: #0343ad;
}

section article .p_derecho p a{
	color: #0343ad;
	text-decoration: none;
}

section article .p_derecho p a:hover{
	color: #0343ad;
	text-decoration: underline;
	font-weight: bold;
}

section article .p_derecho p img{
	float: left;
	margin-right: 0.5em;

}


section article .p_derecho h2{
	text-align: center;	
}

section article .p_derecho h3{
	text-align: center;
	margin-top: 2em;
	margin-left: 0px;
	padding: 0.5em 0;
	width: 220px;
	color: #ddd;
	background-image: url(../img/fondo-titu-emp.png);
	background-repeat: no-repeat;
}

section article .p_derecho h3 a{
	color: #fff;
	text-decoration: none;
}

section article .p_derecho h3 a:hover{
	color: #fcad03;	
}

section article .p_derecho figure img{
	width: 100px;
	display: block;
	margin-bottom: 0.5em;
	margin-left: 2.2em;
	border: 3px solid #ddd;
}

#form_log{
	background: #f9b959;
	padding: 1em;
	width: 102%;
}

#user{
	margin-top: 1em;
}

.componente{
	display: block;
}

#titu_login{
	font-size:0.8em;
	font-weight: bold;
	color: #fff;
	background: #a50500;
	text-align: center;
	padding: 0.5em;
	border-radius: 0.5em;
	box-shadow: 0px 0px 10px #000;
}

#bonton{
	margin-top: 1em;
	padding: 0.5em 1em;
}

#user_txt, #pass_txt{
	width: 170px;
	height: 20px;
}

#user, #pass{
	font-weight: bold;
	font-size: 0.9em;
}

#pass{
	margin-top: 0.5em;
}

footer{
	height: 6em;
	background: #c64b00;
	width: 945px;
	margin: 0 auto;
	box-shadow: 0 0 10px #000;
	margin-bottom: 2em;
	padding: 2em;
	font-family: arial;
	color: #fff;
	font-size: 0.8em;
}

footer div p{
	margin: 0;
}

footer div{
	display: inline-block;
	vertical-align: top;
	
}

footer #izquierda{
	width: 65%;
}

footer #derecha{
	width: 25%;
	padding-left: 7em;
}

footer div .titulo_footer{
	font-weight: bold;
	font-size: 1.2em;
	color: #f7bd60;
}





