@import url("../Productos/EP/estilosproductos.css");
@import url("../Productos/Riester/ER/estilosriester.css");
@import url("../Productos/Adam/EA/estilosadam.css");
@import url("../Productos/UMF/EUMF/estilosumf.css");
@import url("../Productos/Otros/EO/estilosotros.css");
@import url("../Distribuidores/EsD/estilosdistribuidores.css");

/*Riester, aparatosdepresionarterial*/
@import url("../Productos/Riester/aparatosdepresionarterial/Esfigmomanometrosdemercurio/EAPA/EstilosAPA.css");

@import url("../Productos/Riester/aparatosdepresionarterial/Esfigmomanometroaneroide/eena/eena.css");
@import url("../Productos/Riester/aparatosdepresionarterial/Esfigmomanometrosdemercurio/EAPA/estilosapaa.css");
@import url("../Productos/Riester/aparatosdepresionarterial/Aparatodeautocontroldelapresionarterial/eadacdlpa/eadacdlpa.css");
@import url("../Productos/Riester/aparatosdepresionarterial/Monitordepresionarterialautomatizado/emdpaa/emdpaa.css");
@import url("../Productos/Riester/aparatosdepresionarterial/Accesoriosparaaparatosdemediciondepresionarterial/eapadmdpa/eapadmdpa.css");


/*Riester, instrumentosparaoftalmologiaydermatologia*/
 @import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/EstilosIPOFD/EstilosIPOFD.css");
 
@import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/Otoscopios/eontoscipios/eontoscipios.css");
@import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/Instrumentosdebolsilloescope/Eidbe/eidbe.css");
@import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/equipospremiumdeORLyoftalmologia/eepoyo/eepoyo.css");
@import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/InstrumentosoftalmicoseconomicosparaORL/eioeporl/eioeporl.css");
@import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/Unidadesdediagnosticomodular/euddm/euddm.css");
@import url("../Productos/Riester/instrumentosparaoftalmologiaydermatologia/Instrumentosoftalmologicos/eio/eio.css");


/*Riester, Endoscopios ORL*/
@import url("../Productos/Riester/endoscopiosORL/EECP/EECP.css");
 
 
/*Riester, Lámparas de reconocimiento*/
@import url("../Productos/Riester/lamparasdereconocimiento/ELDR/ELDR.css");

@import url("../Productos/Riester/lamparasdereconocimiento/Espejosylamparasfrontales/eeyl/eeyl.css");
@import url("../Productos/Riester/lamparasdereconocimiento/Lamparadereconocimento/eldrr/eldrr.css");
@import url("../Productos/Riester/lamparasdereconocimiento/Linternas/el/estiloslinternas.css");

/*Riester, Fonendoscopios*/
@import url("../Productos/Riester/fonendoscopios/EF/EF.css");

@import url("../Productos/Riester/fonendoscopios/Estetoscopiocardiophon/eec/estiloseec.css");
@import url("../Productos/Riester/fonendoscopios/Estetoscopioduplex2/eedx/eedx.css");
@import url("../Productos/Riester/fonendoscopios/Estetoscopioduplex/eed/eed.css");
@import url("../Productos/Riester/fonendoscopios/Estetoscopioanestophon/eea/eea.css");
@import url("../Productos/Riester/fonendoscopios/Estetoscopiopinard/eep/eep.css");
  
  
  
/*Riester, Fonendoscopios*/
@import url("../Productos/Riester/laringoscopios/EL/el.css");
  
@import url("../Productos/Riester/laringoscopios/Laringoscopiosdefibraoptica/eldfo/eldfo.css");
@import url("../Productos/Riester/laringoscopios/Laringoscopiosristandard/elr/elr.css");
@import url("../Productos/Riester/laringoscopios/Laringoscopiosdesechables/eld/eld.css");
@import url("../Productos/Riester/laringoscopios/Conjuntosdelaringoscopios/ecdl/ecdl.css");
@import url("../Productos/Riester/laringoscopios/Accesoriosparalaringoscopios/eapl/eapl.css");
  
  
/*Riester, Monitoreo del paciente & Sistemas de Diagnóstico*/ 
@import url("../Productos/Riester/monitoreodelpacienteysistemasdediagnostico/EMDPSD/ENDPSD.css");

@import url("../Productos/Riester/monitoreodelpacienteysistemasdediagnostico/Monitoreodelpaciente/emdp/emdp.css");
@import url("../Productos/Riester/monitoreodelpacienteysistemasdediagnostico/SistemasdeDiagnostico/esdd/esdd.css");

@import url("../Productos/Riester/aparatosdepresionarterial/eadpa/eadpa.css");

/*aviso de privacidad*/
@import url("../Contacto/ec/estiloscontacto.css");
@import url("../BolsadeTrabajo/estilosbolsadetrabajo/estilosbolsadetrabajo.css");
@import url("../Distribuidores/estilosdistribuidores/estilosd.css");



*{
	margin: 0;
	padding: 0;
}

body{
	background:#ffff;
	font-family: arial, verdana, sans-serif;
}
header{
	width: 100%;
	display: inline-block;
}

header nav{
	width: 90%;
	max-width: 674px;
	margin: 0px auto;
	background: #001d60;
}

#logo{
	max-width: 200px;
margin-left:44%;
}

.menu_sacrula{
	display: none;
}

header nav ul{
	overflow: hidden;
	list-style-type: none;
}

header nav ul li{
	float: left;
}

header nav ul li a{
	color: #FFF;
	padding: 15px;
	display: inline-block;
	text-decoration: none;
}

header nav ul li span{
	margin-right: 10px;
}

header nav ul li a:hover{
	background: #002F9C;

}

/* Body */

#slide{
	width:100%;
	text-align:center}

section{
	padding: 20px;
	width:80%;
	margin-left:9%;
}

#primera{
	text-align:justify;}

#texto, #texto1{
	padding: 0px;
}

footer{
width: 100%;
margin: auto;
margin-top: 15px;
background-color:#A1A1A1;
padding: 30px 0;
clear: left;
}


#legales {
    font-size: 0.8em;
    color: #FFF;
    text-align: center;
}

#legales p{
	text-align: justify;
}
#legales a{
	text-decoration: none;
	color: #124E6E;
}

#avisodp{
	font-size: 0.8em;
    color: #FFF;
    text-align: center;
}

#avisodp a{
	text-decoration: none;
	color: #124E6E;
}

#avisodp a:hover{
	color: #137AB2;
}

#avisodp p{
	text-align: justify;
}

#redesfooter{
	margin: 1% 6%;
}

#redesfooter ul{
	list-style-type: none;
}

#redesfooter ul li{
	display: inline-block;
	margin: 5px;
}

#redesfooter ul li a{
	
	text-decoration: none;
	color: #FFF;
}

#redesfooter ul li a:hover{
	color: #124E6E;

}

.dfooter {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;
    margin-left: 11%;
}


/* iconos */
.icon-facebook2{
	font-size: 1.4em;
}


.icon-tumblr2{
 	font-size: 1.4em;
 }

.icon-youtube2{
	font-size: 1.4em;
}
 .icon-blogger2{
 	font-size: 1.4em;
 }
.icon-google-plus3{
	font-size: 1.4em;
}

/* Responsive */
@media screen and (min-width:320px){#logo{margin-left:20%;}
h1{
font-family: 'Open Sans', sans-serif;
font-size: 2em;
text-align: center;
color: #001d60;
font-weight: 100;
text-shadow: 5px 5px 5px #AFABAB;
}
section{
	margin-top:-10%;
	text-align:justify;
		margin-left:4%;
}

#texto, #texto1{
	text-align:justify;
}

	
	.dfooter {
    width: 60%;
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20%;}

    #redesfooter{
    	margin-left: 20%;
    }
	header nav ul li a{

	padding: 15px 0px 10px 20px;

}}


@media screen and (min-width:480px){
#logo{margin-left:30%;}
section{
	margin-top:-5%;
	text-align:justify;
		margin-left:5%;
}

}


@media screen and (min-width:768px){
	#logo{margin-left:37%;}
	section{
	margin-top:-2%;
	text-align:justify;
		margin-left:7%;
}
#primera h1{
	font-size:4em;}
}
		

	

@media screen and (min-width:1024px){
		#logo{margin-left:40%;}
		section{
	text-align:justify;
		margin-left:8%;
}

	footer{
width: 100%;
margin: auto;
margin-top: 15px;
background-color:#A1A1A1;
padding: 30px 0;
clear: left;
}


#legales {
    font-size: 0.8em;
    color: #FFF;
    text-align: center;
}

#legales p{
	text-align: justify;
}
#legales a{
	text-decoration: none;
	color: #124E6E;
}

#avisodp{
	font-size: 0.8em;
    color: #FFF;
    text-align: center;
}

#avisodp a{
	text-decoration: none;
	color: #124E6E;
}

#avisodp a:hover{
	color: #137AB2;
}

#avisodp p{
	text-align: justify;
}

#redesfooter{
	margin: 1% 6%;
}

#redesfooter ul{
	list-style-type: none;
}

#redesfooter ul li{
	display: inline-block;
	margin: 5px;
}

#redesfooter ul li a{
	
	text-decoration: none;
	color: #FFF;
}

#redesfooter ul li a:hover{
	color: #124E6E;

}

.dfooter {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    text-align: center;
    margin-left: 11%;
}}
			

	@media screen and (min-width:1280px){
			#logo{margin-left:42%;}
			section{
	margin-top:2%;
	text-align:justify;
		margin-left:9%;
}}

@media screen and (min-width:1680px){
			#logo{margin-left:44%;}}