@charset "utf-8";
/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}

.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        line-height: 0px;
    }

body {
	margin: 0;
	line-height: 1;
	color: #FFF;
	height:100%;
	background: #102E43;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ol, ul {
list-style: none;
}
table {
border-collapse:separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
legend{
white-space:normal;}
strong{font-weight: bold;}
/*//////////////////////////////////   FIN DE RESET CSS /////*/
.min{text-transform: lowercase;}
.MAY{text-transform: uppercase;}
/*//////////////////////////////////   FIN DE HELPERS /////*/


#wrapper{
	width: 920px;
	margin: 0px auto 0px auto;
	overflow:hidden;
}

h2{
	display:block;
	font-size:22px;
	font-weight:normal;
	color:#FFF;
	margin:0 0 25px 0;
	}
	.apartado{
		color:#333;
		font-size:28px;}
	.login{}
	
h5{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F57D00; 
	font-size: 18px; 
	margin-bottom: 10px;
	font-weight:normal;
	text-decoration:none;
	text-transform: uppercase;
	}

h6{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000; 
	font-size: 18px; 
	margin-bottom: 22px;
	font-weight:normal;
	text-decoration:none;
	text-transform: uppercase;
	}

#migas{
	margin: 0 0 0px 0;
	font-size:10px;
	}

#header{
width: 920px;
background: #fff;
padding:0;
height:120px;
margin: 20px 0px 0px 0px;
border: solid 1px black;
}
#header h1{
width: 900px;
margin:10px 0px 0px 10px;
border: solid 0px red;
display:block;
font-size:28px;
color:#303030;
}
#titulo {
float:right;
margin:30px 65px 0px 0px;
font-weight:normal;
border: solid 0px blue;
}

/*///////////////////////////////////////////////////////////////// CONTENT  ////*/
#content{
	overflow:hidden;
	background: #FFF;
	padding:10px;
	width:920px;
	display:block;
}
	#content a{
	}
	#content a:hover{
		}

#bannerSup{
	overflow:hidden;
	width:900px;
	clear:both;
	margin:0;
	}

	.cont2{
	    overflow:hidden;
		display:block;
		float:left;
		padding: 20px;
		width:222px;
		height:238px;
		background: url(../img/bg_form.jpg) left top no-repeat #285BAA;
		}
		.cont2 p{
			color:#000;
			font-size:12px;
			line-height:14px;
			}

	.cont1{
		display:block;
		float:right;
		width:650px;
		}
	
	
	.cont3{
		margin:0px 0 0 0;
		display:block;
		float:right;
		background:#EFF7FC;
		width:270px;
		height:50px;
		padding: 10px;
    	color:#2658A4;
			}
			.cont3 a{
				display:block;
				margin:5px auto 0 auto;
				color:#2658A4;
				text-decoration:underline;
				font-size:13px;
				width:200px;
				text-align:center;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				.cont3 a:hover{
					color:#000;
					}
	.cont4{
		}
	
	.contenidoCont{
		display:block;
		float:left;
		width:600px;
		margin:0 15px 0 15px;
		}
	
	.contenidoCont p, .contenidoCont ul li{
		color:#999;
		margin:0 0 10px 0;
		font-size:13px;
		line-height:1.3em;
		}
	.contenidoCont ul{
		margin:0 0 10px 20px;
		list-style:outside;
		list-style-type:circle;
		}
		.contenidoCont ul li{
			margin:0 0 5px 0;}

.botonMas{
	width: 67px;
	height: 32px;
	margin: 30px 0 0 0;
	background: url(../img/bot_masinfo.png) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	float:right;
	}

	
/*///////////////////////////////////////////////////////////////// FORMULARIO ////*/
	
input:focus,
textarea:focus,
select:focus{
	border: 1px solid #A8B5CE;
	background-color: #FFC;
}

label{
	display: block;
	margin: 0 0 12px 0;
	font-size:13px;
	color: #9EBEDE;
	width:220px;
}
input, textarea, select{
	border: 1px solid #CCC;
	width: 220px;
	padding:2px;
	font-size:19px;
	color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 3px 0 0 0;
	}
#enviar{
	font-size: 20px;
	color: #666;
	display:block;
	margin:10px auto 0 auto;
	font-weight:normal;
	background: url(../img/bot_entrar_s01.gif) left top no-repeat;
	width:125px;
	height:38px;
	border:none;
}
#enviar:hover{
	cursor: pointer;
	background: url(../img/bot_entrar_s02.gif) left top no-repeat;
	color: #000;
}
.destacado{
	color:#F00;
	font-size:10px;
	}	


.rojo{
	color: red;
}


/*///////////////////////////////////////////////////////////////// FOOTER ////*/
#footer{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #afafaf;
	font-size: 12px;
	margin: 0 auto 0 auto;
	width: 900px;
	height: 45px;
	overflow:hidden;
	clear:both;
	padding:20px 0 0 0; 
	}

	#footer a{
		color: #afafaf;
		text-decoration: underline;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		}
	#footer a:hover{
		color: #9f9f9f;
		text-decoration: none;
		}
	
	#footer .info1{
		float:left;
		margin: 0;
		color: #afafaf;
		}
	#footer .info2{
		margin: 0;
		float:right;
		}


/*///////////////////////////////////////////////////////////////// VARIOS  ////*/
#migas{
	margin: 0;
	font-size:10px;
	color:#000;
	}
	#migas a{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		text-decoration:underline;
		}
	#migas a:hover{
		color:#F60;
		}

#paginador{
	position: relative;
	height: 30px;
	overflow:hidden;
}
	#paginador p{
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:black;
		line-height:normal;
		float: left;
		position: relative;
		font-weight: normal;
		padding: 0;
		}


#volver{
	float: right;
	width: 55px;
	margin: 0 0 30px 0;
	}
	#volver p{
		float:right;
		}
	#volver a{
		font-size:11px;
		color:#000;
		text-decoration:none;
		}
	#volver a:hover{
		color: #F60;
		text-decoration:underline;
		}
	#volver .botAnt{
		float:left;
		}

.botones{
	float: right; 
	height: 20px; 
	width: 40px;
	margin: 0;
}
	.botones a{
		float: left;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		width: 13px;
		height: 13px;
		margin: 0 0 0 5px;
	}
	.botones a:hover{
		position: relative;
		top: 1px;
		left: 1px;
	}
.botAnt{
	background: url(../img/interfaz_es.jpg) no-repeat -319px -182px;
	display:block;
	line-height:100px;
	overflow:hidden;
	height: 13px;
	width: 13px;
	margin: 0 5px 0 0; 
	}
.botSig{
	background: url(../img/interfaz_es.jpg) no-repeat -333px -182px;
	}