@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,200,600,700,900);

/* RESETEAR ESTILOS */
html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; text-decoration: inherit; font-size: inherit; font-family: inherit; vertical-align: baseline; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

  /*************************************************/
 /***************** TAGS GENÉRICOS ****************/
/*************************************************/
body {
	/*font: normal 14px 'Titillium Web', Arial, Helvetica, sans-serif;*/
	color: #383838;
	
	overflow-x: hidden;
    outline: none;
	padding: 0; margin: 0;
	
	/* background: #FFF; */
}

*{font-family:'Source Sans Pro';font-weight:550;}

a { text-decoration: none; font-weight: bold; outline: none; }

img { border: 0px; }
.salto { clear: both; display: block; overflow:hidden; }
.peq { font-size: 10px; }
h1, h2, h3, h4 { margin:0; padding: 0; }
li { color: #222; }
b { font-weight: bold; /* color: #e86b21; */ }
p { margin-top: 6px; }



  /**********************************************/
 /******************* PÁGINAS ******************/
/**********************************************/

#pagina { width: 100%; background: #fff; }
	
#centrar, .centrar { position: relative; width: 1100px; margin: auto; }


	#slide {
		position: relative;
		width: 100%;
		height: 100%;
		margin: auto;
		clear: both;
		
		background: none;
	}
	
	.slider1 {
		padding: 0; margin: 0;
	}
	
	.textoemp {
		position: relative;
		z-index: 1004;
		top: -620px;
		left: 580px;
		width: 400px;
		height: 130px;
		background: rgba(255,255,255,0.89);
		color: #113361;
		font-size: 18px;
		
		padding: 19px;
		
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	}
	.textoemp strong {
		font-weight: 700;
	}
	



  /***********************************************/
 /***************** TIPOS TABLAS ****************/
/***********************************************/

.caja {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	width: 100%;
	padding: 5px 0px;
	float: left;

	font-size: 12px;
}
/* .caja input, .caja textarea { width: 100%; margin-top: 2px; padding: 3px 5px; font-weight: normal; } */

.floatleft { float: left; width: 100%; }
.floatright { float: right; width: 100%; }

.textcenter { text-align: center; }
.textleft { text-align: left; }
.textright { text-align: right; }
.texto { margin-top: 11px; }

.linea { clear: both; display: block; overflow: hidden; margin-bottom: 1px; }
.linea:hover { background: #FFF; }


  /**********************************************/
 /***************** FORMULARIOS ****************/
/**********************************************/

/* INPUT genéricos */
input, input[type=text], input[type=password], textarea, select { /* roll out */
	
	border: 1px solid #DDD;
	
	font-size: 15px; 
	font-weight: normal;
		
	color: #103084; 
	background: white;
	
	padding: 4px 8px 4px 8px;
	width: 100%;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover , input:focus, textarea:focus{ /* release */		
	border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%);
}

/* LISTADOS y OPCIONES */
select { margin-top: 2px; padding: 3px 5px; }

input[type=checkbox],
input[type=radio]  {
	font-size: 11px; font-weight: normal;
	
	color: #393a30;
	margin: 2px; padding: 0px;
	width: 22px; height: 22px;
	background: none;
	vertical-align: middle;
	border: 0;
}


/* BOTONES GENERALES y de ENVIO */
input[type=submit], input[type=button]{
	font-size: 16px; font-weight: bold;
	color: #FFF; border-bottom: 2px solid #0e4759; background: #ff1720;

	width: auto;
	border-radius: 6px;	-moz-border-radius: 6px; -webkit-border-radius: 6px;
}

/* DESHABILITADO */
input:disabled, input.disabled{
	font-size: 12px; font-weight: normal;
	color: #ccc; border: 0px solid #FFF;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #103084;
	text-transform: uppercase;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #103084;
   opacity:  1;
   text-transform: uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #103084;
   opacity:  1;
   text-transform: uppercase;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #103084;
   text-transform: uppercase;
}


#imgcabecera {
	width: 100%;
	height: 218px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}



.mobile, .iphone { display: none; }


  /*******************************************************/
 /***************** AVISOS ERROR / ENVIO ****************/
/*******************************************************/

.enespera { position: fixed; top:0; left: 0; display: none; background: rgba(0,0,0,0.7); color: #FFF; width: 100%; height: 100%; z-index: 1000; }
.enespera span{ position: fixed; background: rgba(20,10,10,0.7); width: 300px; height: 30px; top: 50%; margin-top: -20px; left: 50%; margin-left: -150px; padding: 12px 8px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: #555 solid 1px; font-size: 17px; text-align: center; }
.error, .correcto { position: fixed; width: 300px; height: auto; top: 50%; margin-top: -50px; left: 50%; margin-left: -150px; padding: 13px; z-index: 1000; font: 14px Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.error { background: rgba(255,255,255,.8); color: #BF0000; text-align: center; }
.correcto { background: rgba(255,255,255,.8); color: #090; text-align: center; }
.error b, .correcto b {	font-weight: bold; font-size: 15px; }
body .campoerror { background: #fff5f5; }



  /*******************************************************/
 /************************ REDES SOCIALES ***************/
/*******************************************************/
  	.linksRS{
		float:right;
		text-align:right;
		margin-right:0px;
	}
	.facebook_ico, .twitter_ico, .google_ico{
		position:relative;
		float:left;
		cursor:pointer;		
		width: 32px;
		height: 32px;
		margin-left:5px;
	}
	.facebook_ico{
		background:url(../../img/redes/fb_icon.png) no-repeat;	
		width: 55px;
		height: 18px;
		margin-top:2px;
	}
	.twitter_ico{
		background:url(../../img/redes/tw_icon.png) no-repeat;		
		width: 49px;
		height: 22px;
	}
	.google_ico{
		background:url(../../img/redes/google_ico.png) no-repeat;	
		width: 32px;
		height: 23px;
	}

  /*******************************************************/
 /************************ ITEMS ************************/
/*******************************************************/

.first { margin-left: 0px !important;; }
.last { margin-right: 0px !important;; }




.nobr { display:block; }
.print { display: none; }

@media print {
    .print { display: block; }
	.noprint { display: none; }
}


  /*****************************************************/
 /********************* RESPONSIVE ********************/
/*****************************************************/

.norespon { display:block; float: left; }
.desktop { display: block; }
.mobile{ display: none; }



@media screen and (max-width: 1100px) {
	
.norespon { display:none; }
.desktop { display: none; }
.mobile{ display: block; }

#centrar, .centrar { width: 100%; margin-left: 0; }
	
#contenido { top: 0px; width: 100%; }

}



@media screen and (max-width: 800px) {
	
}


@media screen and (max-width: 550px) {

.nobr { display: inline-block; margin-left: 10px; margin-right: 10px; }
.nobr:after { content: "-"; }

}