body {background-color:#DDDCDC; }

header {
	background-color: #b5244a;
}
header #logo .imgLogo img{ margin: auto;}

/* * * * * * * * * * Estilos N A V * * * * * * * * * */

nav div div{
    background-color: #b5244a;
    color:white;    
    font-weight: bold;
    font-size:1.7em;
}

/* * * Estilos navegador pequeño * * */
nav  #navPequeno #boton{
    background-color: white;
    color:#b5244a;
  
}
nav  #navPequeno #opcNavPequeno{
    z-index: 100;
    right: -100%;  
    height:300px;    
    position: absolute;
}

nav #navPequeno ul{ 
    list-style: none;    
}
nav #navPequeno ul li{
    font-weight: 600;
    font-size: 20px;
    padding-top: 15px;
    border-bottom: 1px solid rgba(255,255,255, .3);
}
nav div div a:link, a:hover, a:visited, a:active, a  {
    text-decoration: none;
    color:white;
    /*font-family:Comic Sans MS,arial,verdana;*/
    font-weight: bold;
    font-size:15px;
    letter-spacing: 0.1em;
}

/* * * Estiolos navegador grande * * */
nav #navGrande div{	  
    text-align: center;    
    /*width: 100px; */
    height: 50px;  
    border: 3px blue none;
    -moz-border-radius: 100px 100px 0 0;
    -webkit-border-radius: 100px 100px 0 0;
    border-radius: 0px 0px 100px 100px;
}

/* * * * * * * * * ESTILOS S E C T I O N * * * * * * * * * */

section #logoMedio #ladoIzquierdo,#ladoDerecho{margin-top: 40px;}
section #logoMedio hr{
	background-color:#b5244a;
    height: 5px;
}
section #logoMedio #imgCentro img{
	margin: auto;
}

/*  *  *  *  *  *  *  *  *  * ESTILOS  F O O T E R  *  *  *  *  *  *  *  *  */
footer{
    background-color: #b5244a;
    color: white;
    text-align: center;
    /*position: absolute;*/
    bottom: 0;
    font-weight: bold;
    padding-bottom: 10px;
}

footer #horario p{
	font-size: 17px;
	
}

footer #divRedes{
    background-color: #b5244a; 
    margin-top: 30px;
}

footer #divRedes #email span{
    font-size: 1.2em;
    margin-top: 10px;
}

footer #direccion {
    text-align: center;
    margin-top: 15px;
}

footer .derechos span{
    margin-top: 20px;
    font-weight: bold;
}







/****************************************************************************************************************/

/*  *  *  *  *  *  MEDIAQUERIS PARA XS  *  *  *  *  *  */
@media only screen and (min-device-width : 300px) 
and (max-device-width : 767px) {

	section #logoMedio #imgCentro img{    
    	height:70px;
	}
}

/*  *  *  *  *  *  MEDIAQUERIS PARA SM *  *  *  *  *  */
@media only screen and (min-device-width : 300px) 
and (max-device-width : 767px) {

	footer #horario,DIRECCION{
		font-size: 21px;
	}
}