@charset "utf-8";
/*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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, article, aside, dialog, figure, header, footer, hgroup, menu, nav, section, time, mark, audio, video  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1;}
:focus { outline: 0; }

/*ul { list-style: none; }*/
a img, iframe {border: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:3em; }

/* == clearfix se debe agregar al contenedor pricipal == */
.clearfix:after { content: "."; display: block; height:0; clear:both; visibility: hidden; }
.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
.clearfix {display:block;}

/* End hide from IE Mac */
* html .clearfix {height:1%;}/*ie6*/
input, select { vertical-align:middle; }
select {margin: 0;}
article, aside, nav, section, dialog, figure, header, footer, hgroup { display:block;}/*HTML 5*/

/*FORZAR estilos*/
.ieclear { height:1%; overflow:hidden; }/*soluciona prob con elemento flotante. Fuerza a que tenga layout ie6*/
.nob { border:none !important; }
.nom { margin:0 !important; }
.nop { padding:0 !important; }
.clear { clear:both; }
.hide { left:-1000em; top:-1000em; position:absolute; width:0.1em; height:0.1em; overflow:hidden; }
.none { display:none !important; }

/*PADDINGS AND MARGINS*/
.mt1 {margin-top:1.2em;}
.mt2 {margin-top:2em;}
.mt4 {margin-top:4em;}



/*GENERAL*/
html { height:100%; }
body { height:100%; font-family:Arial, Helvetica, sans-serif; color:#ffffff;  font-size:65%; background-color:#000000; overflow:hidden;}
.bold { color:#ffffff; font-weight:bold;}
a.selec, li.selec a{ cursor:default; }
a:link {
	transition: color 0.3s ease 0s;
	-moz-transition: color 0.3s ease 0s;
	-webkit-transition: color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s;
	text-transform: none;
	color: #a1a1a1;
	text-decoration: none;
	font-family: inherit;
}




/*LAYOUT*/
#page { width:100%; min-height: 95%; height:95%; margin:0 auto ; }
#site { width:100%; margin:0 auto; height:95%; }


/*PORTADA*/
#home {
	min-height: 46em;
	color: #FFFFFF;
	height: 90%;
	margin: 0 auto;
	text-align: center;
}

#home #logo {
	padding:12em 0 1em 0;
	max-width:429px;
	max-height:428px !important;
	margin:0 auto;
}

#home #logo img {
	padding-bottom:1em;
}

	ul.lang li {
	font-size:1.3em;
	color:#ffffff;
	list-style:none;
	display:inline;
	padding-left:1em;
	}

ul.title li {
	list-style: none;
	display: inline;
	padding-top: 0em;
	padding-left: 1.6em;
	color: #ffffff;
	text-decoration: none;
	font-size: 4.5em;
	padding-bottom:0;
	line-height: 0.65em;
}

ul.title2 li {
	list-style: none;
	display: inline;
	padding-left: 1.5em;
	color: #ffffff;
	text-decoration: none;
	font-size: 2.15em;
	padding-bottom:0;
	line-height: 0.9em;
}

input1 {
width:20%;
/*height:20px;*/
background:#000;
border:1px solid #f6f6f6;
padding:5px;
margin-top:5px;
font-size:10px;
color:#FFF !important;
cursor:pointer;
}

input, textarea {
width:17%;
/*height:20px;*/
background:#e6e6e6;
border:1px solid #f6f6f6;
padding:5px;
margin-top:5px;
font-size:10px;
color:#000 !important;
cursor:pointer;
}

/*FOOTER*/
#footer {
	color:#ffffff;
	width:100%;
	color:#a1a1a1;
	position:relative;
	bottom: 0;
	right: 0;
	left:0;
}
	
#footer a:link, #footer a:visited {
	color:#a1a1a1;
	text-decoration:none;
}

#footer a:hover {
	color:#ffffff;
	text-decoration:none;
}

#footer a:active {
	color:#ffffff;
	text-decoration:none;
}

#footer span {
	float:left;
	width:33.3%;
	font-size:1.1em;
}

#footer span a {
	line-height:2;
}

#footer div.route {
	width:auto;
	float: right;
}

#footer #centerFooter {
	width: 100%;
	margin: 0 auto;
}

/* Lineas necesarias para la portada */
.cc_logo {

background:none !important;
	
}

.cc_container .cc_btn{background-color:#e7e7e7 !important;}


.redessociales { 

	padding-right:15px;

}



/* Código para IE 9,10,11 */
@media screen and (min-width:0\0) { 


}

/* Responsive Portada */

@media (min-width:1359px){


}

@media (max-width:1121px){

   
}

@media (max-width:736px) and (orientation: landscape) {

#site {
	
height:90%;
	
}

#home #logo {

padding-top: 2em !important;
	
}

#home #logo img {
	
width:60% !important;	

}

#footer{

bottom:5px !important;
	
}
}

@media (max-width:566px){

#home #logo img {
	
width:65% !important;	

}

#home #logo {
	padding:8em 0 1em 0;

}

.title2 {

line-height: 27px;	
	
}

#footer {
	
bottom:70px;	

}

a img, iframe {

  width:12%;
  height:15%;
	
}

#footer span {
	
	
}

.copyright {
	
  
	
}


}

@media (max-width:415px){

.redessociales {
	
	max-width:100px;
    padding-left: 4%;	
} 

a img, iframe {

  width:8%;
	
}

#footer span {
width:100%;
margin-bottom:21px;	
}

}
@media (max-width:321px){


}

@media (max-width:289px){


}

@media(max-device-height:600px) {

#home #logo {
	padding-top:4em;

}

#home #logo img {
	
width:65% !important;	

}

}
@media screen and (min-width:500px) {
	
	.cc_container {

left:auto !important;
   
}


}

/* estilos para IE 8 */

@media \0screen { 

.cc_container {
	
max-width:250px !important;

right:20px !important;

left:auto !important;
	
}

.title2 {
    padding-top:15px;
	
	}

}