/*
Simple Responsive Template


primary styles 
   Author: www.prowebdesign.ro
   Add your own styles to customize the project.



BASE (MOBILE) SIZE
	These are the mobile styles. It's what people see on their phones.
	Remember, keep it light: Speed is Important.
*/

@font-face {
	font-family:'Calibri-Regular';
	src: url('../fonts/Calibri_gdi.eot');
	src: url('../fonts/Calibri_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Calibri_gdi.woff') format('woff'),
		url('../fonts/Calibri_gdi.ttf') format('truetype'),
		url('../fonts/Calibri_gdi.otf') format('opentype'),
		url('../fonts/Calibri_gdi.svg#Calibri-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-25CA;
}



@font-face {
    font-family: 'euro_technic_extendedregular';
    src: url('../fonts/euro-technic-extended-regular-webfont.eot');
    src: url('../fonts/euro-technic-extended-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/euro-technic-extended-regular-webfont.woff') format('woff'),
         url('../fonts/euro-technic-extended-regular-webfont.ttf') format('truetype'),
         url('../fonts/euro-technic-extended-regular-webfont.svg#euro_technic_extendedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
	font-family:'Counter-StrikeRegular';
	src: url('../fonts/Counter-StrikeRegular_latin+latin-ext_gdi.eot');
	src: url('../fonts/Counter-StrikeRegular_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Counter-StrikeRegular_latin+latin-ext_gdi.woff') format('woff'),
		url('../fonts/Counter-StrikeRegular_latin+latin-ext_gdi.ttf') format('truetype'),
		url('../fonts/Counter-StrikeRegular_latin+latin-ext_gdi.otf') format('opentype'),
		url('../fonts/Counter-StrikeRegular_latin+latin-ext_gdi.svg#Counter-StrikeRegular') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-201D;
}


@font-face {
	font-family:'Corbel-Regular';
	src: url('../fonts/Corbel_latin+latin-ext_gdi.eot');
	src: url('../fonts/Corbel_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Corbel_latin+latin-ext_gdi.woff') format('woff'),
		url('../fonts/Corbel_latin+latin-ext_gdi.ttf') format('truetype'),
		url('../fonts/Corbel_latin+latin-ext_gdi.svg#Corbel-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-20AC;
}



@font-face {
	font-family:'Corbel-BoldItalic';
	src: url('../fonts/Corbel-BoldItalic_latin+latin-ext_gdi.eot');
	src: url('../fonts/Corbel-BoldItalic_latin+latin-ext_gdi.eot?#iefix') format('../fonts/embedded-opentype'),
		url('../fonts/Corbel-BoldItalic_latin+latin-ext_gdi.woff') format('woff'),
		url('../fonts/Corbel-BoldItalic_latin+latin-ext_gdi.ttf') format('truetype'),
		url('Corbel-BoldItalic_latin+latin-ext_gdi.svg#Corbel-BoldItalic') format('svg');
	font-weight: 700;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+000D-20AC;
}



.js-responsive-table{margin: 50px auto}
.js-responsive-table, .js-responsive-table td{border:1px solid #ff0000}	
.js-responsive-table thead{font-weight: bold}	
.js-responsive-table td{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 20px;}
.js-responsive-table td span{display: none}		
.js-responsive-table, .js-responsive-table td{border:1px solid #ff0000}


/* typography */
body{
	color: #000;
	font: normal 14px 'Trebuchet MS', Helvetica, sans-serif;
	font-size:14px;
	line-height:1.4em; 
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	font-family:'Droid Serif', Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	margin:.45em 0;
	padding:0;
} 

h1 { /*font-size:21px;*/}

/* links */
a,
a:visited,
a:active,
a:hover{color:#0099ff;}
a:hover{ text-decoration:none;}


/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}

  
/* structure */   
.wrapper{
	width: 100%; 
	  margin: 5px auto;
	
}
header{ 
	padding:15px 0;
}
#banner{ 
	text-align:center;
}


div#main {
/*border: 3px solid #bdc8ed;*/
border-radius: 9px;
}



	
#hero,
#page-header{
	/*
	background:#f3f3f3;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:20px 0;
	*/
	
}
#hero h1{ 
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:10px;}

.flexslider{
	display:none;
}

#content {  
	margin:17px 0;
	padding-left:2%;
	padding-right:2%;
	position: relative;
}

aside { 
	margin: 17px 0px;
	position: relative;
	top: 81px;
}

p{ margin:0 0 1.5em;}


/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}


/*MAIN MENU*/
.menu-toggle{
	display:block;
	padding:10px;
	margin:20px 0 0;
	background:#666;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:20px;
}
.menu-toggle.toggled-on{
	background:#0099ff;
}
.srt-menu{
	display:none;
}	
.srt-menu.toggled-on{
	display:block;
	position:relative;
	z-index:10;
}

.srt-menu{
	clear:both;
	margin-bottom:60px;
	
}
.srt-menu li a {
	background:#dadada;
	display:block;
	margin:1px 0; 
	padding:10px;
	text-decoration:none;
}
.srt-menu li a:hover{
	background:#0099ff;
	color:#fff;
}
.srt-menu li li a {
	background:#e8e8e8;
	padding-left:40px;
}
.srt-menu li li li a {
	background:#efefef;
	padding-left:80px;
}

/*SECONDARY MENU*/
#secondary-navigation{
	margin-bottom:60px;
}
#secondary-navigation ul{
	margin:0;
	padding:0;
}
#secondary-navigation ul li a{ 
	background:#E6E6E6;
	display:block;
	margin:5px 0; 
	padding:10px;
	text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a{
	background:#0099ff;
	color:#fff;
}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-bottom:40px;
}

/*FOOTER*/
footer{  
	clear:both;
	font-size:80%;
	padding:20px 0;
}
footer ul{
	margin:0;
	padding:0;
}







/* Termina para Safari */

/*colors and backgrounds*/
body{
	
	/*
	background: url(../imagenes/fondo2.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	background-position: 0px 115px;
	*/
	
	background:url("../imagenes/fondo.jpg") no-repeat 0px 127px / cover transparent;

	
}





h1, h2, h3, h4, h5, h6{
	color:#333; 
}

footer{ 
	background:#333;
	color:#ccc;
}
footer h1, footer h2, footer h3, footer h4{ 
	color:#CCC; 
	margin-bottom:10px;
}
footer ul{
	margin:0 0 0 8%;
}

a.buttonlink{ 
	background:#0099ff; 
	border-radius:7px; 
	color:#fff;
	display:block;
	float:left; 
	margin:10px 15px 10px 0; 
	padding:10px;
	text-decoration:none;
}
a.buttonlink:hover{
	background:#8dbc01;
}
.greenelement{
	background:#5ec79e;
	color:#fff;
}
.violetelement{
	background:#887dc2;
	color:#fff;
}



/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.rightfloat{
	float:right;
}
.leftfloat{
	float:left;
}




/* Estilos */


.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}

.textosombreado {
  font-weight: bolder;
  font-size: 26px;
  text-shadow: 4px 3px #000;
  color: #FFF;

}



.titulo1 {
	color: #EE7224;
	font-size: 36px;
	font-weight: bolder;
	float: right;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

/* Formulario */


/*Oculto los campos */

#ciclo ,#modalidad, #centro {
	display:none;
}

#formulario {
background-color: #EBF4FB;
opacity: 0.9;
margin-top: -32%;
}

#solicitainformacion {
	background-color: #eea53f;
padding-left: 14%;
margin-bottom: 2%;
}



#campos {

padding-left: 10%;
padding-right: 10%;
font-size:12px;

}

#campos input,#campos select {
	width:100% !important;
}


#button {
	background: #c86a1a;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(66, 74, 134, 0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #000;
	cursor: pointer;
	/*font-size: 17px;*/
	margin: 20px 0;
	padding: 4% 10% 4% 10%;
	position: relative;
	left: -2%;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	font-size: 12px;

}






/* Para video de youtube o iframes */


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



#bloque1 {
	width: 100%;
	margin: 2% auto;
	float: left;
}

.ofertalanzamiento {
  width: 100%;
  margin-right: 2%;
  text-align: center;
  background-color: #0188da;
  opacity: 0.8;
  padding: 4% 2% 1% 2%;
  margin-top:4%;
}

.convocatoria {
	float: left;
	width: 100%;
	max-width: 335px;
}


.cuadrotransparente1 {
  background-color: #89482c;
  opacity: 0.9;
  margin-top: -32%;
  
}


.cabecera {
  background-color: white;
  float: left;
  width: 100%;
}


#iconossociales {
  float: right;
  position: relative;
  margin-top: 1%;
  margin-bottom: 1%;
  max-width: 342px;
  width: 100%;
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%        {bottom: 0px;}
80%        {bottom: 0px;}
100%        {bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%        {bottom: 0px;}
80%        {bottom: 0px;}
100%        {bottom: -50px;}
}
 
@keyframes aparecer
{
0%        {bottom: -38px;}
10%        {bottom: 0px;}
90%        {bottom: 0px;}
100%        {bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%        {bottom: -38px;}
10%        {bottom: 0px;}
90%        {bottom: 0px;}
100%        {bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{   
    width:100%;
	height: auto;
    margin:0 auto;
    font-size: 15px;
    clear:both;  
	color: #333;
	bottom:0px;
	position:fixed;
	left: 0px;
	background-color: #FFF;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	transition: bottom 1s;
	-webkit-transition:bottom 1s; /* Safari */
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
	z-index:999999999;
	padding:1% 15%;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute;
left:1%;
top:-30px;
font-size:15px;
height:30px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}

 
/* Fin del CSS para cookies */



/* Otro para Cookies */


#cookieMessageWrapper {
    width: 100%;
    border-top: 1px solid #AAA;
    background: none repeat scroll 0% 0% #F6F6F6;
    left: 0px;
    bottom: 0px;
    text-align: center;
    position: fixed;
    display: block;
    margin-top: 0px;
}

#cookieMessage {
    width: 100%;
    padding: 1% 0px;
    margin: 0px auto;
    position: relative;
    font-size: 12px;
}

#cookieClose {
    float: right;
    display: block;
    padding: 0px 5px;
    text-decoration: none;
    background: none repeat scroll 0% 0% #F80;
    border: 1px solid #000;
    border-radius: 2px;
    color: #FFF;
    font-size: 100%;
    margin-top: 6px;
    font-weight: bold;
}

footer {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 8%;
  height: 100%;
  max-height: 70px;
  text-align: center;
}




/* Cuadro centros */

.cuadrodecentro {
  float: left;
  margin-right: 1%;
  width: 100%;
  margin-left: 1%;
  max-width: 214px;
}


p.titulocentro {
  margin-right: 4%;
  padding: 1px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  width: 100%;
  max-height: 85px;
  max-width: 220px;
  margin-top: 2%;
  font-weight: normal;
  height: 27px;
  font-family:Tahoma, Geneva, sans-serif;
  
}

/* Termia Cuadro centros */