/* ---------- Google Font ---------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
.italic { font-style: italic }
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:10px; }
.alignright { float:right;margin:10px; }
.no-margin{margin:0px;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t{margin-top:22px;}
div { position:relative } 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

img.alignleft, img.alignright, img.aligncenter {
    margin-bottom: 11px;
}

.alignleft, img.alignleft{
display: inline;
    float: left;
    margin-right: 22px;
}

.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 22px;
}

.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



html{-webkit-font-smoothing:antialiased;}

a{color:#BA0707;}
a:hover{color:#BA0707;text-decoration:underline;}

body{
  background-color:#ffffff;
  color:#3E4156;
  font: 14px "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height:1;
  width:100%;}


h1{font-size:36px;line-height:1.3em; font-weight:600; }
h2{font-size:32px;line-height:1.3em; font-weight:600; }
h3{font-size:24px;line-height:1.3em;}
h4{font-size:18px;line-height:1.3em;}
h5{font-size:16px;}
h6{font-size:14px;}
p{padding-bottom:11px;}
p,div, span{line-height:1.5em;}
.column-clear{clear:both;}
.clear{overflow: hidden;}

.mainWrap{width:960px;margin:0 auto;}

.title{margin:100px 0 20px 0;
text-align:center;
color:#3E4156;}
.back{text-align:center;}

nav{display:block;
margin-top: 10px;
background:#782835;
text-align:center;
}

.menu{display:block;}

.menu li{display: inline-block; font-size:18px;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff; background:#4e4e56;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 43px;
left: 0px;
background: #4e4e56;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:14px;
font-weight:normal;
display:block;
color:#ffffff;
border-left:3px solid #ffffff;
background:#4e4e56;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #9CA3DA;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}


@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:0px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}
		/*Estilos propios*/
		
.contenedor { width:100%; max-height:1366; float:center; margin:0 auto; }

.separacion3 { width:3%; height:auto; float:left; }	

.separacion5 { width:5%; height:auto; float:left; }		

.separacion10 { width:10%; height:auto; float:left; }

.separacion12 { width:12%; height:auto; float:left; }	

.separacion13 { width:13%; height:auto; float:left; }

.separacion15 { width:15%; height:auto; float:left; }	

.separacion20 { width:20%; height:auto; float:left; }	

.separacion30 { width:30%; height:auto; float:left; }

.separacion40 { width:40%; height:auto; float:left; }
	
.separacion50 { width:50%; height:auto; float:left; }
	
.separacion55 { width:55%; height:auto; float:left; }

.separacion60 { width:60%; height:auto; float:left; }

.separacion70 { width:70%; height:auto; float:left; }

.separacion80 { width:80%; height:auto; float:left; }

.separacion90 { width:90%; height:auto; float:left; }		

.columna { width:100%; height:auto; float:left;}
	
.imagen_normal { max-width:100%; height:auto;}	

.formulario 
 { border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; font-weight:300;
   border: 1px solid #cfc3cf; font-size: 18px; text-align:left; color:#000000; height:34px; padding-left:10px; 
   font: 18px "Open Sans", Helvetica, Arial, sans-serif;}
   
.botonA 
 { font-family:Gidole; font: 14px "Open Sans", Helvetica, Arial, sans-serif; font-weight:500; text-align:center; color:#FFFFFF; background-color:#5d8072;
   padding:4px; cursor:pointer; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #637495;}   
   
.botonC 
 { font-family:Gidole; font-size:20px; font-weight:500; text-align:center; color:#FFFFFF; background-color:#5d8072;
   padding:8px; cursor:pointer; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px; border: 1px solid #637495;}      

 #entrada_tiempo {background:#ffffff url("imagenes/comunes/espiral.jpg") no-repeat 0 0;
  color:#3E4156;
  font: 14px "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height:1;
  height:400px;} 
  
 #entrada_optimiza {background:#ffffff url("imagenes/comunes/optimiza.jpg") no-repeat 0 0;
  color:#3E4156;
  font: 14px "Open Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  line-height:1;
  height:400px;}  
  
 #texto_sobre { z-index:100; background-color:#5d8072; 
  height:400px;
  opacity: 0.97;
  filter:  alpha(opacity=97);}
  
 #titular { font-size:22px; line-height:1.3em; font-weight:600; color:#8b2332; } 
 
 #informacion { font-size:15px; line-height:1.3em; color:#595959; } 
 
 #informa {
	
	position: fixed; width:25%; margin-left:40%; margin-top:200px; height:auto; display:none; background-color:#29a329; 
	-webkit-box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75); -moz-box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75);
    box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000;color:#FFFFFF; z-index:1000;
    background: -webkit-linear-gradient(#e6e6e6, #b3b3b3); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e6e6e6, #b3b3b3); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e6e6e6, #b3b3b3); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e6e6e6, #b3b3b3); /* Standard syntax */
 }
 
 #informa2 {
	
	position: fixed; width:25%; margin-left:45%; margin-top:150px; height:auto; display:none; background-color:#29a329; 
	-webkit-box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75); -moz-box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75);
    box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000;color:#FFFFFF; z-index:1000;
    background: -webkit-linear-gradient(#e6e6e6, #f2f2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e6e6e6, #f2f2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e6e6e6, #f2f2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e6e6e6, #f2f2f2); /* Standard syntax */
 }
 
 #texto {
	
	position: fixed; width:60%; margin-left:20%; margin-top:80px; height:auto; display:none; background-color:#29a329; 
	-webkit-box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75); -moz-box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75);
    box-shadow: -1px 9px 22px -10px rgba(0,0,0,0.75); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px; border: 0px solid #000000;color:#FFFFFF; z-index:1000;
    background: -webkit-linear-gradient(#e6e6e6, #f2f2f2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e6e6e6, #f2f2f2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e6e6e6, #f2f2f2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e6e6e6, #f2f2f2); /* Standard syntax */
 }
 
@media (max-width: 480px) {
	
 #aColumna {width:100%; text-align:center;}  
 #desaparece {display:none;}

}

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