@charset "utf-8";
/* Maqueta  sitio E-mag */
*{
margin:0;
padding:0;
}
#marco{
width:934px;
height:auto;
margin:10px auto;
}
/*---------------------------Header----------------------------*/
#header{
width:100%;
height:220px;
position:relative;
float:left;
background:#01295e url(image/cabecera.jpg) no-repeat;
}
/*-----------------------------Colizq-----------------------*/
#colizq{
width:233px;
height:auto;
position:relative;
float:left;
margin:10px 0 10px 10px;
/*background:#e4e4e4 url(image/bg_menu.jpg) no-repeat top;*/
}
/*-------Content------*/
#content{
width:669px;
height:auto;
min-height:390px;
position:relative;
float:right;
margin:18px 10px 10px 0 ;
background:#e4e4e4 url(image/bg_content.jpg) no-repeat top;
}
/*------------------------------Pie-----------------------*/
#pie{
width:934px;
height:59px;
position:relative;
float:left;
margin:10px 0;
background:url(image/bg_pie.jpg);
}

/* -------------------------Estilos generales--------------------------------*/
body{
background:#131b25;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
p{
text-align:justify;
padding:7px 20px 7px 20px;
font-size:12px;
}
a{
color:#0054c2;
text-decoration:none;
}
a:hover{
color:#749bce;}

h2{
color:#c28e00;
font-style:italic;
font-weight:bold;
font-size:18px;
padding:10px 10px 1px 15px;
border-bottom: 1px solid #856100;
letter-spacing:0.2em;
margin:10px;
}

/* --------------------------Estilos logo cabecera----------------------------*/
h1#logo {
margin:0;
position:absolute;
top:50px;
z-index:2;
}
h1#logo a {
display:block;
height:115px;
text-indent:-900em;
width:370px;
}
p#pie_header{
margin:0;
position:absolute;
top:198px;
padding:0 40px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
/*------------------------------------COLIZQ-------------------------------*/
.menu{
width:233px;
height:auto;
padding:10px 0;
}
.menu ul li{
list-style-type: none;
padding:0;
margin:0;
display: block;
float: left;
background: url(image/bg_link.png) no-repeat;
font:  13px Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left
}
.menu a{
color: #0054c2;
text-decoration: none;
display: block;
width:233px;
height:37px;
padding:11px 0 0 35px ;
}
.menu ul li:hover{
background: url(image/bg_link_hover.png) no-repeat;
}
.menu a:hover{
color:#749bce;}
/* -------------------------Formulario------------------------------*/
.formulario{
width:630px;
height:auto;
height:auto;
margin:10px auto 20px auto;
background:#FFFFFF;
border: 1px solid #ccc;
padding:0 ;
}
.formulario p{
padding:0;}
.formulario h2{
padding:0 20px 1px 20px;
display: inline;
margin:15px 40px;
border:none;
}
.formulario td{
color:#3b79ca;
background:#f2f3f4;
padding:5px 10px;
border-collapse: separate;

}
.suscribir{
color:#00429b;
font-weight:bold;
font-size:12px;
text-align: left;
}

.entradas{
background:#dfdfdf;
height:20px;
}
.mensajeerror h2{
margin:15px 0;
padding:0 3px 1px 3px;
font-size:15px;
}
.error{
color:#CC3300;
}
.buscador{
color:#c28e00;
margin:5px 0 0 0;
}
.titulo{
color:#3366FF;
font-weight:bold;
padding:0 20px;
height:30px;
}
.btn{
width:169px;
height:41px;
background:url(image/btn_formulario.jpg) no-repeat;
border:0;
margin: 0 10px;
color:#ccc;
text-align:center;
text-transform:uppercase;
font-weight:bold;
letter-spacing:0.1em;
}
.btn:hover{
width:169px;
height:41px;
color:#daca9c;
background:url(image/btn_formulario_hover.jpg) no-repeat;
}
.btnsalir{
width:150px;
height:34px;
background:url(image/btn_bntsalir.jpg) repeat-x;
padding: 7px 10px;
margin: 30px auto;
text-align:center;
}
.btnsalir:hover {
width:150px;
height:34px;
background:url(image/btn_bntsalir_hover.jpg) repeat-x;}
.btnsalir a{
color:#ccc;
text-transform:uppercase;
font-weight:bold;
letter-spacing:0.1em;
}
.btnsalir a:hover{
color:#daca9c;
}
/* ----------------Pie estilos-------------------------*/
#pie p{
color:#b1b1b1;
font-size:11px;
text-align:center;
margin:13px auto;
}
#pie a{
color:#ccc;
text-decoration:none;}
#pie a:hover{
color:#ded3b5;
text-decoration: underline;}
/* Cargar paginas */
.cargapag{
width:650px;
min-height:170px;
height:auto;
margin:5px auto;
overflow:auto;
}
.salir{
width:500px;
height:auto;
margin:50px auto 30px auto;
background:#f2f3f4;
border: 1px solid #ccc;
}
.salir h2{
font-size:14px;
}
.certificado1{
width:200px;
height:350px;
float:left;
margin:0  0 0 100px;
}
.certificado2{
width:200px;
height:350px;
float:left;
margin:0  0 0 30px;
}
.certificado1 p, .certificado2 p{
text-align:right;}