* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
     box-sizing:border-box;
}
body {  
	font-family: 'Titillium Web', sans-serif;
    color: #424242;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    overflow-x: hidden;
    margin:0;
    overflow-y:auto;
}

/************HEADER***************/
.fondo {
    background-color:#f19800;
    width:100%;
    height:110px;
}
.active {
    background:rgba(241,147,0,0.9);   
}
.menu_bar {
	display:none;
}
header
{
    background-color: rgba(255,255,255, 0.9);
    height:110px;
    width:100%;
    float:left; 
    position:fixed;   
}
.logo {  
    max-width:200px;  
    height:100%;
    padding:20px; 
    float:left;   
}
.imgLogo {
    width:100%;
    height:100%;
}
header nav {	
	z-index:1000;
    height:100%;
	width:900px;
    float:right;	   
    line-height:5em;   
}
header nav ul {
	list-style:none;
}
header nav ul li {
	display:inline-block;
	position: relative;
}
header nav ul li:hover {
	background:rgba(241,147,0,0.9);   
}
header nav ul li a {
	color:#424242;
	display:block;
	text-decoration:none;	
    padding-right:25px;
    padding-left:25px;   
}
    header nav ul li a:hover {
        color:#fff;   
    }
header nav ul li:hover .children {
	display:none;
}
    header nav ul li .children {
        display: none;
        background: rgba(241,147,0,0.9);
        position: fixed;
        width:300px; 
        line-height:3em;
        z-index: 1000;      
        font-size:16px; 
        padding-right:10px;
        padding-left:10px;   
        padding-bottom:5px;       
    }
    header nav ul li .children li {
	    display:block;
	    overflow: hidden;
	    border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    header nav ul li .children li a {
	    display: block;
    }
     header nav ul li .children li a:hover {
	    display: block;
        color:#424242;
        background-color:rgba(255,255,255,0.3);
    }
    header nav ul li .children li a span {
	    float: right;
	    position: relative;
	    top:3px;
	    margin-right:0;
	    margin-left:10px;      
    }
.iconMain {
    font-size:24px;
}
@media screen and (max-width:1024px) {   
	header nav {
		width:100%;
        height:auto;
        max-height:270px;	
		left:-100%;
		margin:0;
		position: fixed; 
        background-color:rgba(255,255,255, 0.8); 
        overflow-y:auto; 
        line-height:2.7em;    
	}
	header nav ul li {
		display:block;		
		border-bottom:2px solid rgba(66, 66, 66, 0.4);
	}   
	.menu_bar {
		display:block;
		width:100%;	
        cursor:pointer;	
	}
	.menu_bar .bt-menu {
		display:block;      
       	height:110px;       
        padding:10px; 
        line-height:6em;
        background-color:rgba(255,255,255, 0.1);     
		color:#424242;
		text-decoration:none;		
		font-size:16px;        		
	}
	.menu_bar span {
        line-height:3em;	
		font-size:30px;
        float:right;
	}       
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:10px;
	}	
}
/*****************IMAGEN********************/
section {
    width:100%;   
    height:230px;    
    float:left; 
    background-image:url(../img/banner4.png);  
    background-repeat:no-repeat;       
}   
.titulo {
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    padding-left:60px;
    padding-right:60px;
    padding-top:120px;   
}
    .titulo span {
        font-size:35pt;
        opacity:1;
        color:#fff;
        font-weight:bold;
    }
@media screen and (max-width:1024px) {
    section {
        width:100%; 
        background-size:100% 100%;  
        height:150px;         
    } 
    .titulo {
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.3);
        padding-left:35px;
        padding-right:35px;
        padding-top:45px;    
    }  
        .titulo span {
            font-size:30pt;
            opacity:1;
            color:#fff;
        }  
}
@media screen and (orientation: landscape) and (max-width:1024px) {
    section {
        width:100%; 
        background-size:100% 100%;  
        height:150px;         
    }
    .titulo {
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.3);
        padding-left:35px;
        padding-right:35px;
        padding-top:50px;    
    }  
        .titulo span {
            font-size:27pt;
            opacity:1;
            color:#fff;
        }  
}
/******************COMPARTIR*********************/
.compartir {
    width:100%;
    height:50px;
    float:left;
}
    .compartir span a {
       text-decoration:none;
       font-family:16px;
       color:#424242; 
       cursor:pointer;
       line-height:3.1em;
       margin-left:20px;
       font-weight:bold;
    }
     .compartir span a:hover {      
       color:#f19300;     
    }
.tableCompartir
{
    width:10%;
    height:100%;
    float:right;   
}
    .tableCompartir span
    {
       text-decoration:none;
       font-family:16px;
       color:#424242; 
       cursor:pointer;
       font-weight:bold;
    }
.icon {  
    color:#f19300;
    font-size:25px;
}
.contenidoCompartir {
    width:100%;
    float:left;
    background-color:rgba(241,147,0, 1);
    height:40px;
    display:none;
    text-align:center;
}
.tableIconos {
    height:100%;
    margin:auto;
    width:25%;
}
.icon2 {      
    font-size:25px;
    color:#424242;
}
.icon2:hover {      
    font-size:25px;
    color:#FFFFFF;
}
@media screen and (max-width:1024px) {
  .tableIconos {
        height:100%;
        margin:auto;
        width:45%;
    }  
}
/******************CONTACTO***********************/
.infocontacto {
    width:50%;   
    height:550px;
    float:left; 
    padding:20px;   
}
.contacto {
    width:100%;   
    text-align:justify;    
    padding:5px;    
}
    .contacto span {
        font-size:16px;
        color:#424242;
        font-weight:bold;
    }
    .contacto a {
        text-decoration:none;        
    }
        .contacto a span:hover {
            color:#f19300;
        }
    .contacto iframe {
        width:100%;
        height:300px;
    }
    .iconInfo {
        font-size:25px;
        color:rgba(241,147,0,1);
    }  
::-webkit-input-placeholder { 
    color:#f19300;    
    font-style:italic;   
}
::-moz-placeholder {  
    color:#f19300;   
    font-style:italic;     
} 
:-ms-input-placeholder { 
    color:#f19300;   
    font-style:italic;   
}
input:-moz-placeholder { 
    color:#f19300;  
    font-style:italic;   
} 
.formulario {
    width:50%;   
    height:550px;
    float:left;   
    padding:15px;      
}   
    .formulario table {
        width:90%;
        margin:auto;       
        font-family: 'Titillium Web', sans-serif;        
        border-spacing: 8px;     
    }
    .formulario table span {
        font-size:20pt;  
        font-weight:300;  
        color:#0071b4;         
    }
    .formulario table input {
        width:100%;
        height:30px;
        padding-left:2%;
        border:1px solid rgba(66, 66, 66, 0.6);  
        font-family: 'Titillium Web', sans-serif;      
    }
    .formulario table textarea {       
        width:100%;
        height:100px;      
        padding-left:2%;
        font-family: 'Titillium Web', sans-serif;
        border:1px solid rgba(66, 66, 66, 0.6); 
        resize: none;  
    }
.boton {
    width:100%;
    text-align:center;   
}
    .boton input {
       width:80px;
       height:35px;
       border:1px solid rgba(241,147,0, 0.8);
       background-color:rgba(241,147,0, 0.8);
       color:rgba(66,66,66, 1);
       cursor:pointer;
       font-weight:bold;
    }
.lblErrores {
    width:100%;  
    text-align:center;
}
    .lblErrores .error {
        color:red;
        font-size:9pt;
        font-weight:bold;
        font-style:italic;
    }
.timeline {
    width:100%;
    height:630px;
    padding:20px;    
    float:left;
    background-color:#f6f6f6;
}
    .timeline table {
        width:95%;
        margin:auto;       
        font-family: 'Titillium Web', sans-serif;        
        border-spacing: 10px; 
        margin-bottom:20px;     
    }
    .timeline table span {
        font-size:20pt;  
        font-weight:300;  
        color:#0071b4;         
    }
.timelineTwitter {
    width:48%;
    float:right;
    height:100%;
    overflow:auto; 
    padding-left:120px;   
}   
.timelineFacebook {
    width:48%;
    float:left;
    height:100%;
    overflow:hidden;      
    text-align:center; 
    padding-left:120px;    
}
    .timelineFacebook iframe {
        width:100%;
        height:100%;
        margin:auto;
        border:none;
        text-align:center;        
    }
@media screen and (max-width:1024px) {
    .infocontacto {
        width:100%;   
        height:100%;         
    }
    .formulario {
        width:100%;   
        height:100%; 
        border:none;
        background-color:#fff; 
    }  
    .timeline {
        width:100%;
        height:100%;
    }
    .timelineTwitter {
        width:100%;
        height:500px;
        padding-left:0px;
        margin-bottom:20px; 
    }
    .timelineFacebook {
        width: 100%;
        height: 500px;
        padding-left:0px; 
        margin-top:20px; 
    }
        .timelineFacebook iframe {
            width:100%;
            height:100%;
            margin:auto;            
        }
}
/**********************FOOTER***************************/
footer {
    background-color:#424242;
    width:100%;
    float:left;
    height:130px;
}
.textoFooter {
    width:100%;
    height:35%;
    text-align:center;
    margin:auto;     
    padding:10px; 
    margin-bottom:2px;
}
    .textoFooter span {
        color:#ffffff;
        font-size:9pt;
    }
    .textoFooter span a {
        color:#f19300;
        font-size:9pt;
        text-decoration:none;
        cursor:pointer;
    }
.redesSociales {
    width:20%;
    height:30%;       
    margin:auto;   
}
.tableRedes {
    width:100%;
    float:left;
    height:100%;
    text-align:center;    
}
.arriba {
    width:100%;
    height:20%;   
    text-align:right;    
    margin:auto;
    padding:10px;  
}    
.imgArriba {
    font-size:1.7em;
    cursor:pointer;
    color:rgba(255,255,255,0.8);
}
.imgArriba:hover {    
    color:rgba(241,147,0,0.8);
}

@media screen and (max-width:1024px) {
    footer {
        width:100%;   
        height:100%;         
    }
    .arriba {
        width:100%;
        float:left;
        text-align:right;      
    }
    .redesSociales {
        width:70%;
    }
}