@charset "utf-8";
/* CSS Document */

/*RESET*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*ESTILOS*/
body{#FFFFFF;}

/*PÁGINA*/
#page-wrap{
	width: 80%;
	max-width: 1024px;
	min-width: 1024px;
	background: url("../img/bg_page.png") repeat-y #FFF;
	margin: 0 auto;
	font-family: Arial, sans-serif !important;
	color: #23315A;
}

#page-wrap strong{font-weight:600}
.clear{clear: both;}

/*HEADER*/
#header{ padding: 10px 25px 0px; height: 80px;	}
#header .logo{float: left; width:302px;height: 35px; margin-top:15px; margin-left: 25px; margin-bottom:40px; cursor: pointer;}
#header .headOptions{float: right;color:#23315A; margin-right: 25px;}
#header .headOptions a{color:#23315A; text-decoration: none;font-size: 0.8em;}
#header .headOptions a strong{font-weight: bold}
#header .headOptions a:hover{color:#23315A; text-decoration: underline;}
#header .headOptions .social{margin-top:15px;}


/*CONTENT*/
#content{
	min-height: 100%;
	height: 90%;
  position: relative;
}

#content .participa{ background: url("../img/bg_participa.jpg") no-repeat 8px 0; height: 495px; margin: 0 auto;
    width: 98.5%;}
#content .participa .participaText{ width:30%; position:absolute; top:70px; right:40px;}
#content .participa .participaText h1{color:#D04500; font-size: 1.85em; font-weight: 800; margin-bottom: 20px;
    text-transform: uppercase;}
#content .participa p strong{font-weight:800; padding-bottom: 20px;}
#content .participa p {font-size: 1.2em;padding-bottom: 20px; line-height:1.4em}

#content .mensaje{ line-height: 1.4em; margin: 0 auto 50px; width: 97%; border-top: 3px solid #EEEEEE;}

#content .mensaje .mensajeText{margin: 55px 0 0 40px; float:left; width:55%;}
#content .mensaje .mensajeText p{font-size:1.2em; line-height: 1.4em}

#content .video2014{
    background: url("../img/bg_video.png") no-repeat; color: #ffffff;
    width: 305px; height: 172px; margin: 50px 40px 0 0; float:right;
}
#content .video2014 p{ margin: 73px 20px 5px; font-size:0.95em;}
#content .video2014 a{ color: #ffffff;}


#content .boxes{width: 100%} 
#content .boxes > div {width: 28%; float: left; margin-left:40px;}
#content .boxes .box_uno{background: url("../img/bg_option1.png") top center no-repeat; }
#content .boxes .box_dos{background: url("../img/bg_option2.png") top center no-repeat; }
#content .boxes .box_tres{background: url("../img/bg_option3.png") top center no-repeat; }
#content .boxes p{font-size: 1em;line-height: 1.2em;padding: 10px 35px;}
#content .boxes ul {list-style-image: url('../img/bg_list.gif'); list-style-position: inside; margin-top: 20px;}
#content .boxes ul li {line-height:1.4em; margin-bottom: 20px; font-size: 0.96em;}
#content .boxes h2{ margin-top: 200px; font-size: 1.25em; font-weight: 800;}
#content .boxes a{ color: #23315a;}

#content .boxesfooter{clear:both; width: 100%}
#content .boxesfooter > div {width: 28%; float: left; margin-left:40px; margin-bottom:20px}
#content .boxesfooter .savephoto{background: url("../img/visor.gif") bottom center no-repeat; height: 130px;}

#content p.strongOrange{color: #d04500; font-size: 1.15em; font-weight: 800; padding:0;}

#content p.small{font-size: 0.9em !important;font-family: Arial, sans-serif;}

#content .propuesta_ca{background: url("../img/bg_graduarme_ca.jpg") center 70px  no-repeat; }
#content .propuesta_es{background: url("../img/bg_graduarme_es.jpg") center 70px  no-repeat; }
#content .propuesta{ text-align: center; margin: 70px auto 0; clear:both; position:relative; width: 97%; height:520px; border-top: 3px solid #EEEEEE; }
#content .propuesta p.titulo{font-size: 1.4em; margin: 35px 0 25px}
#content .propuesta img{float:left}

#content .propuesta p{font-size: 1.31em;color:#23315A;}


#content .advice{
    background: url("../img/bg_advice.png") no-repeat; font-size: 0.9em; color: #ffffff; text-align: left;
    width: 254px; height: 195px; 
    position:absolute; bottom: 4%; right:7%;
}

#content .advice p{color:#FFFFFF; margin: 40px 33px 10px 88px; padding: 0; line-height:1.35em;}


/*FOOTER*/
#footer{background: #23315a; color: #ffffff; font-size: 0.75em; height: 100px; width: 97%; padding-top: 30px; margin: 0 auto; }

#footer .avis{width: 85%; margin:0 auto ;}
#footer .avis .footer_text{padding-right: 30px;width:70px; float:left;}
#footer .avis .footer_text span {color:#23315A;display: inline;}
#footer .avis .footer_enlace{float: right;}
#footer .avis .footer_enlace a{color:#FFFFFF;text-decoration: none;}
#footer .avis .footer_enlace a:hover{color:#F0F0F0;text-decoration: underline;}



/*Language*/

.language {
width: 125px; height:25px;
position: relative;
}
 
select {
width: 100%;
background: #F3F3F3;
color: #585757;
padding-left: 5px;
font-size: 13px;
line-height: 100%;
border: 1px solid #C1C1C1;
border-radius: 0;
height: 28px;
-webkit-appearance: none;
}
 
option {
padding: 10px;
}

.language:after {
width: 28px;
height: 28px;
display: block;
content: '';
position: absolute;
top: 0;right: 0;
pointer-events: none;
border: 1px solid #C1C1C1;
background: #f6f6f6;
background-image: url('../img/arrow_down.gif');
background-repeat: no-repeat;
background-position: center center;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}