@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/bg-body.jpg) center top no-repeat #333;
}
.cabecera{
	background:url(../img/bg-cabecera-4cursos.jpg) center 89px no-repeat;
}
.cabecera.enviado{
	background:url(../img/bg-cabecera-enviado.jpg) center 89px no-repeat;
	height:419px;
}
.cabecera.enviado h1{
	background:url(../img/bg-h1.jpg) top center no-repeat;
}
.cabecera h1{
	background:url(../img/bg-h1.jpg) top center no-repeat;
	height:84px;
	line-height:84px;
	color:#c58711;
	text-transform:uppercase;
	padding-left:30px;
	padding-top:5px;
	font-size:26px;
	font-weight:bold;
}
.cabecera h1 a{
	color:#c58711;
	text-decoration:none;
	}

.cabecera h1 span{
	color:#fff;
}
.cabecera h1 span a{
	color:#fff;
	text-decoration:none;
}
.menu{
	background:url(../img/bg-menu.jpg) left center no-repeat;
}
.menu ul li{

margin-bottom:5px;
margin-left:20px;

}
.menu ul{
margin-top:10px;
}
.menu ul li a{
display:block;
background:url(../img/bg-boton-menu.png) center center no-repeat;	
color:#ab750d;
padding-top:8px;
padding-left:20px;
width:270px;
height:45px;
text-decoration:none;
	
}
.menu ul li a:hover{
color:#826107;
background:url(../img/bg-boton-menu-hv.png) center center no-repeat;
}
.contenido{
background:#fff;
}
.contenido h2{
	padding:10px 20px;
	color:#c58711;
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
	background:#333;
}
.contenido h2 span{
	color:#fff;
}
.descripcion{
background:#FFF;
font-size:14px;
line-height:22px;
/*border-right:#999 dashed 1px;*/
background:url(../img/separador-iconos.jpg) right top repeat-y;
}
.descripcion p{
margin-top:10px;
margin-left:20px;
margin-right:10px;
}
.descripcion p a{
	color:#c58711;
}
.descripcion b{
	font-size:16px;
	font-weight:bold;
	color:#c58711;
}
.descripcion em{
	font-size:16px;
	font-weight:bold;
	color:#c58711;
	font-style:italic;
	}
.descripcion h3{
	margin-top:20px;
	background:url(../img/bg-h3-solicita-info.jpg) 20px center no-repeat;
	height:52px;
	line-height:52px;
	color:#333;
	font-size:18px;
	font-weight:bold;
	padding-left:78px;
	text-transform:uppercase;	
}
.descripcion h3 span{
font-size:22px;
color:#c58711;
	}
.iconos{
	margin-top:10px;}
.iconos ul{
	margin-left:75px;
}
.iconos li{
float:left;
padding-top:20px;
width:120px;
font-size:12px;
line-height:14px;
text-align:center;

font-weight:bold;
height:140px;
background:url(../img/separador-iconos.jpg) top right no-repeat;
}
.iconos li a{
color:#c58711;
text-decoration:none;
}
.iconos li.last{
	background:none;
}
.ventajas{
background:#fff;
margin-bottom:20PX;
}
.ventajas h2{
	background:#fff;
text-align:center;
color:#936306;
}
.ventajas h4{
	background:url(../img/bg-h4-ventajas-n1.jpg) top center no-repeat;
	height:26px;
	text-align:center;
	padding-top:30px;
	font-size:16px;
	font-weight:bold;
	color:#333;

}
.ventajas h4 a{
	color:#333;
	text-decoration:none;
}
.ventajas h4.dos{
		background:url(../img/bg-h4-ventajas-n2.jpg) top center no-repeat;
	}
.ventajas h4.tres{
	background:url(../img/bg-h4-ventajas-n3.jpg) top center no-repeat;
}
.ventajas-img{
	margin-left:10px;
	}
.ventajas-contenido{
	width:333px;
	background:url(../img/bg-ventajas.jpg) repeat-y center center;
	text-align:center;
}
.ventajas-contenido a{
	color:#333;
	text-decoration:none;
}
.ventajas-contenido p{
	text-align:center;

}
.pie{
	margin-top:10px;
	text-align:center;
	font-size:12px;
	color:#fff;
	margin-bottom:10px;
}
.pie a{
color:#c58711;
font-weight:bold;
text-decoration:none;
}
/*CUPON*/
.cabecera.cupon h1{
	background:url(../img/bg-h1-cupon.jpg) top center no-repeat;
}

.cupon{
background:#fff;
}
.formulario{
	background:url(../img/bg-formulario.jpg) center repeat-y #333;
	
}
.cupon h3{
	background:#333;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	font-size:18px;
	padding:5px 0px 5px 10px;
	line-height:18px;
	border-bottom:2px solid #000;
}
.cupon h3 span{
	color:#c58711;
	text-transform:lowercase;
	font-size:16px;
}
.contenedora-texto{
	background:#fff;
	

}
.contenedora-texto h2{
	background:#FFF;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	width:536px;
	height:43px;
	padding-top:190px;
	text-align:right;
	padding-right:20px;
	background:url(../img/bg-h2-cupon-telefono.png) top center no-repeat;
	}
.texto-cupon{
	padding:10px 10px 10px 30px;
	font-size:14px;
	line-height:22px;
}
.texto-cupon p{
	margin-bottom:15px;
	margin-right:20px;
}
.centrado{
	text-align:center;
}
.texto-cupon b{
	color:#333;
	font-size:16px;
}
.texto-cupon em{
	color:#C58711;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
	text-align:center;

	}
.texto-cupon em span{
	font-size:14px;
	color:#333;
	font-style:italic;
	text-align:right;
}
.label_cupon {
	float: left;
    width: 120px;
    text-align: right;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding-top:1px;
}
.label_cupon_nif{
	float: left;
    width: 120px;
    text-align: right;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding-top:10px;
	}
.label_cupon2 {
	float: left;
    width: 50px;
    text-align: right;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.caja_cupon {
    float: left;
	width:417px;
	padding:7px 0px 9px 0px;
	background:url(../img/ab_line.gif) center bottom repeat-x;
	
}

.caja_cupon2{
    float: left;
	width:361px;
	padding:12px 0px;
}


.campo_cupon {
	float: left;
    padding: 0px 0px 0px 5px;
    width: 200px;
}

.campo_cupon2 {
	float: left;
    padding: 3px;
    width: 290px;
	color:#fff;
}

.campo_cupon2 a{
	text-decoration:underline;
	font-weight:bold;
	color:#C58711;
}

.campo_fijo_cupon {
	width: 190px;   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #000000;
	padding: 3px 2px;
	border: 1px solid #909090;
}

.campo_fijo_cupon2 {
	width: 196px;   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #000000;
	padding: 3px 2px;
	border: 1px solid #909090;
}

.select_combo_md{
	width: 196px;   
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #000000;
	padding: 3px 2px;
	border: 1px solid #909090;
}
.formulario p{
	margin:5px 0px;
	height:39px;
	font-size:16px;
	font-weight:bold;
	line-height:39px;
	text-align:center;
	background:url(../img/solicita-info-cupon.png) center center no-repeat;
	}
.solicitar-ventajas{
	float:left;
	text-align:center;
	padding:10px;
	font-size:18px;
	color:#333;
	font-weight:bold;

	margin-bottom:10px; 
	}
.solicitar-ventajas p{
	margin-top:10px;
}
.texto-cupon p.ucjc{
	color:#333;
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
}
.logo-ucjc{
	float:left;
	margin-right:10px;
	margin-bottom:10px;

}
.caja_cupon_horizontal{
	float: left;
    padding: 0px 0px 0px 5px;
    width: 400px;
	text-align: center;
}
.label_cupon_horizontal{
	width:400px;
	color:#fff;
	font-weight:bold;
	padding:10px 0px;
	}
.campo_cupon_horizontal{
	text-align:center;
	color:#fff;
	font-weight:bold;
}
/*----------------------------- Estilos tips  -----------------------------------*/


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #F56600;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #F56600;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
.imagetip{
padding-top:5px;
}

.asterisco {color:#F1D11E;}