/*
------------------------------------------
RESET DE LOS ESTILOS
------------------------------------------
*/
html, body, div, span, applet, object, iframe,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
}
html{
     height:100%;
     min-height:100%;
}
body {
     line-height: 1;
     height:100%;
     min-height:100%;
}

:focus {
     outline: 0
}

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

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/*
------------------------------------------
LAYOUT
------------------------------------------
*/

body {
	background: #FFF url(../Imagenes/bg.gif) no-repeat center top;
}
h5{
	margin-bottom:15px;
	font: bold 15px "Trebuchet MS", Arial, sans-serif;
	color: #993333;
	padding:5px;
}
#wrapper{
	width:100%;
	     height:100%;
     min-height:100%;
	background: url(../Imagenes/Fondo.jpg) no-repeat center top;
}
#container{
	width:895px;
	margin:0 auto;
	background: url(../Imagenes/bg_container.gif) no-repeat center 100px;
}
#izq{width:505px;float:left;}
#der{width:390px;float:left;}
#izq .video{
	margin-top:11px;
	margin-left:17px;
}
#izq .tutor{
	margin-left:17px;
	margin-top:9px;
	margin-bottom:52px;
}
#der img {margin-top:14px;margin-left:17px;}

#pagina {
	background: url(../Imagenes/Hoja.png) no-repeat;
	min-height: 650px;
	height: auto !important;
	height: 650px;
	margin-top:20px;
	padding:60px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color: #666666;
}
#contenido{
	background: url(../Imagenes/bg_pagina.jpg) no-repeat 0px 27px;
	padding-left:180px;
}
#pagina ul li{margin-bottom:10px;}
#pagina ul li a{
	margin:16px;
	padding-bottom:10px;
	font: 14px/17px "Lucida Sans Unicode", Verdana, Arial;
	color: #204162;
	text-decoration:none;
}
#pagina ul li a:hover{color:#333;}
.programas{
	margin-bottom:10px;
	border:1px solid #CCC;
	background: #F2F2F2;
}
.programas img{margin:15px;margin-top:5px;border:1px solid #C1D0DB }

#pagina_detalle {
	background: url(../Imagenes/Hoja.png) no-repeat;
	min-height: 650px;
	height: auto !important;
	height: 650px;
	margin-top:20px;
	padding:60px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	color: #666666;
}
#pagina_detalle p{
	margin-top:10px;
	margin-bottom:10px;
}

#pagina_detalle table{border-collapse:collapse;margin-top:10px;margin-bottom:10px;}
#pagina_detalle td{border:1px solid #CCC;padding:1px;}
 p{margin-top:5px;margin-bottom:5px;}
.mensaje{
	padding:2px;
	color:#FFF;
	background:#dd5426;
	border:1px solid #CC3300;
	font: 11px Arial, Helvetica, sans-serif, serif;
	margin-top:7px;
	display:block;
}
#pagina a,#pagina_detalle a{
	color: #049fef;
	text-decoration:none;
}
#pagina a:hover,#pagina_detalle a:hover{color:#333;}
#breadcrump, #breadcrump a{
	font: 11px Arial, Helvetica, sans-serif, serif;
	color: #CC3300;
	text-decoration:none;
}
#breadcrump a:hover{color:#333;}




/*
------------------------------------------
LOGIN
------------------------------------------
*/
.login{
	text-align:right;
	padding-top:7px;
	margin-right:15px;
	font: 11px Arial, sans-serif;
	color: #FFF;
	padding-right:7px;
	background: url(../Imagenes/bg_login.png) no-repeat 100px -20px;
}
.login input{border:1px solid #999;padding:2px;font: 11px Verdana, Arial, Helvetica, sans-serif;color: #666;margin-left:3px;margin-right:3px;margin-bottom:6px;vertical-align:middle;font-weight:normal;}
.login a{
	color:#333;
	text-decoration:none;
	font-weight:normal;
}
.login a:hover{color:#3399CC;}
.login a:hover{color:#FFF;text-decoration:none;}
.bt_login{
	width:22px;
	height:18px;
	background: url(../Imagenes/bt_login.gif) center top;
	border:none;
	margin-right:10px;
}

/*
------------------------------------------
FINANCIACION EUROPEA
------------------------------------------
*/
h3{
	font: 20px "Trebuchet MS", Arial, sans-serif;
	color: #5B7B8C;
	margin-bottom:20px;
	border-bottom:1px solid #CCC;
}
.nivel2,.nivel3{display:block;cursor:pointer;}
.nivel1{
	font: bold 15px "Trebuchet MS", Arial, sans-serif;
	color:#555;
}
.nivel2{
	padding-left:20px;
	font: 13px "Trebuchet MS", Arial, sans-serif;
	color: #555;
	background: url(../Imagenes/puntero.gif) no-repeat left center;
}
.nivel2 a{color: #555;text-decoration:none;}
.nivel2:hover,.nivel2 a:hover{color:#CC3333;text-decoration:none;}
.nivel3{
	text-indent:35px;
	font: 12px "Trebuchet MS", Arial, sans-serif;
	color: #336699;
	border-bottom:1px dashed #CCC;
	padding-top:1px;
	padding-bottom:1px;
	background: url(../Imagenes/puntero2.gif) no-repeat 15px center;
}
.nivel3 a{
	font: 12px "Trebuchet MS", Arial, sans-serif;
	color: #336699;
	text-decoration:none;
}
.entidad{
	font: bold 16px "Trebuchet MS", Arial, sans-serif;
	color: #336699;
	background: url(../Imagenes/bg_entidad.gif) repeat-x left bottom;
	display:block;
	height:28px;
	text-indent:10px;
	vertical-align:middle;
	border-bottom:1px solid #d0d4d8;
	border-top:1px solid #d0d4d8;
	margin-top:-1px;
	cursor:pointer;
}


/*-------------------------------------------------------------
MODALBOX
----------------------------------------------------------------
*/

#darken {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:199;
	background:black;
	opacity:.8;
	filter:Alpha(opacity=80); /* Transparency in IE */
}

.cruz a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	text-decoration:none;
	margin-bottom:20px;
}
.cruz a:hover{color:#222;}

.modalBox {
	position:absolute;
	top:50%;
	left:50%;
	width:600px;
	margin-left:-300px;
	margin-top:-300px;
	border:#ccc 10px solid;
	padding:20px;
	display:none;
	background:white;
	color:#787878;
	z-index:200;
	overflow:auto;
	text-indent:0px;
	font-size:12px;
}
.modalBox br{padding-top:5px;padding-bottom:5px;}
.modalBox table{border-collapse:collapse;margin-top:15px;}
.modalBox td{border:1px solid #CCC;}
.modalBox ul,.modalBox ol{margin-left:20px;}
.modalBox ul li,.modalBox ol li{margin:0px;margin-bottom:0px;padding:0px;line-height:15px;}
#pagina .modalBox ul li,#pagina .modalBox ol li{margin-bottom:0px;}


/*-------------------------------------------------------------
FORMULARIOS
----------------------------------------------------------------
*/
.obligatorio {
	color:#fb9926;
	font: 16px "Trebuchet MS", Arial, sans-serif;
}

#AlertInformacion {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	padding:4px;
	border:1px solid #a6bccd;
	background: #eff5fb;
	color:#336699;
}
#AlertInformacion2 {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding:4px;
	border:1px solid #a6bccd;
	background: #eff5fb;
	color:#336699;
	display:block;
	lmargin-bottom:500px;
}


form.cmxform {
	width: 540px; /*Ancho del formulario*/
	color: #999999;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #F8FDEF;
	padding:0px;
	margin:0 auto;
	margin-bottom:90px;
	text-align:left;
	margin-top:35px;
}

form.cmxform p {margin:0px;}
form.cmxform label {
	display:block;
	margin-bottom:3px;
}
form.cmxform fieldset {
	border: none;
	margin:0px;
	padding:0px;
	background: url(../Imagenes/fieldset.gif) left bottom repeat-x;
	background-color: #F8FDEF;
}
form.cmxform fieldset fieldset {
	background: none;
}
form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 5px 5px 0px;
}
 
.indicacionform {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}
/* ELEMENTOS INPUT, TEXTAREA, SELECT,... */
textarea, input  {border: 1px solid #CCC;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666;padding:5px;}
.caja {border: 1px solid #CCC;font: 11px Verdana, Arial, Helvetica, sans-serif; color: #666;padding:5px;}
select {font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666;}
textarea:focus, input:focus{ border:1px solid #89b21b; }
input.error { border: 1px solid #ffa17f; }
/* BOTONES*/
form .submit {
	padding:4px;
	border:none;
	background-color:#369;
	color:#FFFFFF;
}

/* CONTEO TOTAL DE ERRORES*/
#warning {
	margin-top:10px;
	margin-bottom:10px;
	padding:4px;
	border:1px solid #dfc2c2;
	background: #f1e2e2;
	color:#ff5432;
}
#warning {
	display:none;
}
/* ETIQUETAS DE ERROR Y OK A NIVEL DE ELEMENTO*/
em.error {
	display:block;
	height:10px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #ff5432;
}
em.success {
	display:block;
	height:10px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}

#infoexito {
	font: 11px/13px "Trebuchet MS", Verdana, serif;
	color: #666;
	background:#E7EFD6 url(../Imagenes/ok.png) no-repeat 12px 5px;
	margin-bottom:20px;
	border: 1px solid #CADEA5;
	padding: 10px;
	margin-top:30px;
	text-indent:35px;
	width:500px;
}