/* generales */


	body {
    background: #fff url(images/bg.png);
    font-size: 18px;
    color: #555;
    font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
	
#wrapper{

    background: #FFF;
    max-width: 576px;
	padding:0px !important;
	border-bottom: 10px solid #925cb5;
	
	}
	
#header {
  height: 106px;
  background:url(images/cabecera-morada-2-movil.jpg) center center/cover no-repeat;
  padding-left:15px;
}

#logo {
color: #000;
	margin-top:10px;
	
	}
#logo p {
color: #000;
	font-size: .7em;
	margin-bottom:0px;}	

a.logo{
color: #000;
    font-size: .7em;
    font-variant: small-caps;
    letter-spacing: 0.08em;
    border-bottom: 1px solid #fff;
    font-family: Arial;
	text-decoration:none;
	
	}
	
#idioma	{
float:right;
margin-top:-20px;
padding-right:120px;
}

a.no-subrayado{
text-decoration:none;
color: #000;
font-size: .7em;
}

h4 {
color:#000;
font-family:Arial;}

h5 {
color:#000;
font-family:Arial;}	

.btn-menu {
  
 width:90px;
 height:24px;
  background:url(images/fondomenu_claro-movil.png);
 border-width:0px;
 font-size:.7em;
 padding:.2em;
}

#main {
margin-left:30px;
padding-bottom:30px;
padding-right: 25px;}

/* Forzamos el centrado eliminando interferencias */
#main-menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

#main-menu .btn-menu {
    /* Evita que los botones tengan márgenes que los empujen */
    margin: 0 !important; 
    /* Evita que el texto se parta en dos líneas en móviles pequeños */
    white-space: nowrap; 
}	


/* media madia media media */



@media (min-width: 576px) { 
	

}


@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

body {
    background: #fff url(images/bg.png);
    font-size: 18px;
    line-height: 1.7em;
    color: #555;
    font-family: "Didact Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#wrapper{

    background: #FFF;
    max-width: 978px;
	padding:0px !important;
	border-bottom: 10px solid #925cb5;
	margin-top:45px;
	}

#header {
  
  height: 260px;
  background:url(images/cabecera-morada-2.jpg);
  padding-left:50px;
}
#logo {
color: #000;
	margin-top:90px;}
	
a.logo{
color: #000;
    font-size: 24px;
    font-variant: small-caps;
    letter-spacing: 0.08em;
    border-bottom: 1px solid #fff;
    font-family: Arial;
	text-decoration:none;
	
	}
#logo p {
color: #000;
	font-size: 18px;}

#idioma	{
float:left;
margin-top:0px;
padding-right:0px;
}
a.no-subrayado{
text-decoration:none;
color: #000;
font-size: 1em;}

.btn-menu {
  
 width:150px;
 height:40px;
  background:url(images/fondomenu_claro.png);
 border-width:0px;
 font-size:18px;
}	

}