/*ES MUY IMPORTANTE MANTENER LA ESTRUCTURA DE ESTE CSS TAL Y COMO APARECE A CONTINUACION. CON LOS SALTOS DE LINEA COMO APARECEN, PARA TENER UN CORRECTO FUNCIONAMIENTO DE LOS ESTILOS.  */
/* -------------- Estilos Generales ----------------- */
body {
margin: 0px;
padding: 0px;
font-size: 62.5%;
font-family: Verdana;
font-weight: normal;
background:#cacaca;
}

html {
margin: 0px;
padding: 0px;
}

h1 {
margin: 0px;
padding: 0px;
font-family: Verdana;
font-size: 2.5em;
font-weight: normal;
color:#133c6d;
float: right;
width: 600px;
text-align: right;
}

h2 {
margin: 0px;
padding: 0px;
font-size: 1.7em;
font-weight: normal;
color:#777777;
background: url(../images/h2.gif) no-repeat right;
float: right;
width: 600px;
text-align: right;
}

h3 {
margin: 15px 5px 15px 5px;
padding-bottom: 8px;
color:#0f437a;
font-size: 2em;
font-weight: normal;
border-bottom: 1px dotted #ccc;
}

img {
border: none
}

a {
text-decoration: none;
color:#B20E0E;
}

a:hover {
color: #133c6d;
}

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

p {
line-height: 14px !important;
width: 730px;
}

.clear {
clear: both;
}

* {
margin: 0;
padding: 0;
outline-style: none;
}

/* -------------- Contenedor ----------------- */
#contenedor {
margin: 0 auto;
width: 980px;
margin-top: 10px;
min-height: 150px;
height: auto;
overflow: hidden;
background: #fff;
}

/* -------------- Cabecera ----------------- */
#cabecera {
margin: 5px 0px 0px 10px;
padding: 5px;
width: 950px;
min-height: 100px;
height: auto;
border-bottom: 1px solid #cf1210;
background:#FFF;
float: left;
}

#cabecera img {
float: left;
margin: 5px;
}

#cabecera p {
margin-top: 5px;
width: 600px;
text-align: right;
font-size: 11px;
color:#666;
float: right;
}

/*--------Contenido------------*/
#contenido {
margin: 0px 0px 0px 10px;
padding: 0px;
width: 960px;
float: left;
border-top:15px solid #cf1210;
}

ul.menu {
list-style-type: none;
width: 210px;
font-size: 1.2em;
float: left;
}

ul.menu li {
width: 200px;
border-bottom: 1px solid #fff;
background:#a2a2a2;
float: left;
}

ul.menu li  a {
padding: 10px;
display: block;
color: #fff;
}

ul.menu li  a:hover {
background:#133c6d;
}

ul.menu li  a.selected {
background:#133c6d;
}

#ficha {
margin: 0px;
padding: 0px;
width: 740px;
float: left;
font-size: 1.2em;
color: #666;
}

#ficha p {
margin-top: 10px;
padding-bottom: 20px;
text-align: justify;
float: left;
clear: both;
width: 100%;
}

#ficha p img {
margin: 5px 15px 5px 15px;
border: 1px dotted #a5a5a5;
padding: 4px;
}

#ficha ul {
margin: 10px;
margin-left: 20px;
list-style-type: square;
}

/*---------------------pie------------------------*/
#pie {
margin: 6px 0px 0px 6px;
padding: 10px;
font: normal 10px Verdana;
color:#fff;
width: 950px;
background-color:#133c6d;
float: left;
}

#pie a {
font: normal 10px Verdana;
color: #fff;
text-decoration: underline;
}

#pie a:hover {
font: normal 10px Verdana;
color: #fff;
text-decoration: underline;
}


.alerta {margin: 0px; padding: 4px!important; color: #fff; background: #000000; font-size: 11px;}
.boton{
    margin: 15px 50px 0px 0px;
	padding: 2px;
	font: bold 11px Verdana;
	color: #fff;
	border:none;
	background:#000000;
	float:left;}
.campo_oculto {
	color: #b20e0e;
	padding: 3px 5px 3px 2px;
	font: normal 12px Verdana;
	background: #fff;
	margin: 3px; 
	border: 1px solid #fff;
	text-align: right;
	margin: 0px 0px 0px 10px;
	width: 50px;
}
.campo_oculto_izq {
	color: #b20e0e;
	padding: 3px 5px 3px 2px;
	font: normal 12px Verdana;
	background: #fff;
	margin: 3px; 
	border: 1px solid #fff;
	text-align: left;
	margin: 0px 0px 0px 10px;
}
.inscripcion {
	border: 1px solid #ccc;
	padding: 2px;
	width: 740px;
	float: left;
}
.inscripcion tr td {
	padding: 2px; 
}
.inscripcion table {
	width: 730px;
	border-bottom: 1px dotted #ccc;
	float: left;
}
.campo1, .campo2, .campof {
	padding: 3px 5px 3px 2px;
	font: normal 11px Verdana;
	background: #fff;
	width: 300px;
	margin: 0px 0px 0px 10px;
	border: 1px solid #ccc;
}
.campo2 {
	margin: 0px 0px 10px 10px;
}
.campof{width: 200px;}
.campob {
	margin: 0px 0px 10px 10px;
}
.campoo {
	padding: 3px 5px 3px 2px;
	font: normal 11px Verdana;
	background: #fff;
	margin: 0px 0px 0px 10px;
	border: 1px solid #ccc;
}
.obligatorio, .obligatorio2 {color: #b70000;}
.obligatorio {float: left; width: 340px;}
.obligatorio2 {float: right;}