/*Estilos generales*/
*{
     margin: 0;
     padding: 0;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body{
    font-family: sans-serif;
    
}

.contenedor{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    
}

.header{
    width: 100%;
    position: fixed;
}

.header .top-header{
    padding: 6px 0;
    font-size: 12px;
    border-bottom: 1px solid #f0f0f0;
    background: #032151; /*CDDAF6032151*/
    overflow: hidden;
    font-weight: bold;
        
}

.header .top-header .contenedor .top-menu{
    float: left;   
    
}

.header .top-header .contenedor .top-menu ul{
    list-style: none;
}

.header .top-header .contenedor .top-menu ul li{
    float: left;
}

.header .top-header .contenedor .top-menu ul li a{
    text-decoration: none;
    color: #ffffff; /*363940*/
    padding: 0 15px;
    display: inline-block;
}

.header .top-header .contenedor .top-menu ul li a:hover{
    color: #8B919C;
}

.header .top-header .contenedor .top-mail{
    float: right;
}

.header .top-header .contenedor .top-mail ul{
    list-style: none;
}

.header .top-header .contenedor .top-mail ul li{
    float: left;
}

.header .top-header .contenedor .top-mail ul li a{
    text-decoration: none;
    color: #ffffff;
    padding: 0 15px;
    display: inline-block;
}

.header .top-header .contenedor .top-mail ul li a:hover{
    color: #8B919C;
}

.titulo{
    margin: 0px 0;
    text-align: center;    
    overflow: hidden;
    background-color: #fafafa;
    
}  
.titulo .contenedor
{
    width: 100%;
}
.titulo .contenedor .logo{
    float: left;
    width: 30%;
    padding: 15px 0;
}

.titulo .contenedor .nombre{
    float: right;
    width: 70%;
    padding: 15px 0;
        
}

.titulo .contenedor .nombre h1{
    text-decoration: none;
    color: #1A3A72;
    font-size: 60px;
    display: inline-block;
    padding: 6px 0;
    font-weight: 300;
    font-family: comic-sans;
    font: oblique bold 380% cursive;
}

.titulo .contenedor .nombre h1:hover{
    color: #8b919c;
}

.titulo .contenedor .nombre .subtitulo{
    
    font-size: 16px;
    letter-spacing: 1px;
    color: #c7c7c7;
    padding: 6px 0;
    
}


.menu-principal{
    margin-bottom: 40px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
    padding: 1px 0;
    background-color: #032151; /*2859C3*/
}

.menu-principal .contenedor ul{
    list-style: none;
    display: inline-block;
    margin: 0 auto;
    
}

.menu-principal .contenedor ul li{
    
    display: inline-block;
   
}

.menu-principal .contenedor ul li a{
    
    display: inline-block;
    padding: 5px 50px;
    text-decoration: none;
    color: white;
    
    
}

.menu-principal .contenedor ul li a:hover{
    
     color: #000000;
    
}

.main{
    margin: 0 auto;
    float: left;
    width: 100%;
    padding-top: 90px;
}

/*.foto{
	width:300px;
	position: relative;
}

.foto img{
	width:100%;
}

.foto p{
	position: absolute;
	bottom:15px;
	width:100%;
	text-align:center;
	color:rgba(243,243,243,.9);
	font-family:Verdana;
	font-size:14px;
	font-style: italic;
	background-color:rgba(0,0,0,.4);
	padding:10px 0;
}*/

.main .mainOculto {

    background-color: #ED3237;    
    height: 120px;
    text-align: center;
    
}

.main .mainOculto p{

    font-size: 40px;
    letter-spacing: 1px;
    color: #c7c7c7;
    padding: 30px 0;
    
    font-family:Verdana;
    font-style: italic;
    display: inline-block;
    margin: 0px auto;
}

.main .contenedor{
    margin:0px auto;
	text-align: center;
    width: 100%;
    padding-top:50px;
}

/*Página de contactenos ****************************************************************************** */

.main .contenedor .contacto{
    margin:0px auto;
	display:block;
    float: left;
    width: 40%;
    text-align: left;
    overflow: hidden;
}


.main .contenedor .contacto .datos{
    
    padding-bottom: 20px;
    overflow: hidden;
    width: 100%;
    display: block;
    height: 20%;
        
    
}

.main .contenedor .contacto .datos hr{
    
    width: 90%;
}

.main .contenedor .contacto .Sucursales{
    
   font: oblique bold 130% cursive;
   padding-bottom: 10px;
   overflow: hidden;
   
}

.main .contenedor .contacto .datos .vineta{
    
    float: left;
    text-align: center;
    margin: auto auto;
    
    width: 15%;
    height: 100%;
   overflow: hidden;
   
}

.main .contenedor .contacto .datos .descripcion{
    
   float: right;
   text-align: left;
   width: 85%;
   padding-bottom: 13px;
   overflow: hidden;
   
}

.main .contenedor .contacto .datos .descripcion h3{
    
   padding-bottom: 0px;
   width: 90%;
   
   
}


.main .contenedor .imagen{
    margin:0px auto;
	display:block;
    float: left;
    width: 60%;
    text-align: center;
    overflow: hidden;
}



.main .contenedor .speechinicio{
    margin:auto auto;
	display:block;
    float: right;
    width: 40%;
    padding: 5px 50px;
}

.footer{
    background: #fff;
    padding: 10px;
    border-top: 1px solid #f0f0f0;
    text-align: center;
    color: #9c9c9c;
    width: 100%;
    overflow: hidden;
}