@charset "utf-8";
/* CSS Document */
.desaparece{
	display:block;
}
.aparece{
	display:none;
}
.aparece2{
	display:none ;
}
.menu{
	display:none;
	}
	
	#seleccion2 {
	float: left;
	width: 310px;
	margin-top: 10px;
}

#seleccion2 li  {
	list-style-type: none;
}
#seleccion2 li a {
	color: #333333;
	display: block;
	font-weight: normal;
	margin-bottom: 5px;
	background-image: url(../img/selection-button-1.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 40px;
	font-family: ropasans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.15in;
	background-color: #A4C3CC;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 6px;
}
#seleccion2 li a:hover {
	color: #004989;
	background-color: #F6B512;
}
.texto{
	float: left;
	width: 40%;
}
.aparecetabla{
	display:none;
}
.pdf a {
	height: auto;
}
@media all and (max-width: 770px){
	body{
		width:100%;
	}
	#contenedor{
		width:100%;
		padding:0px;
	}
	.desaparece{
	display:none ;
}
.aparece{
	display:block ;
}
.aparece2{
	display:none;
}
.menu{
	display:block;
	background-color: #000;
	color:#FFFFFF;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
	}
	#contenedor #nav {overflow: hidden;font-family: arial,freesans,serif;font-size: 0.15in;border-bottom-width: thin;border-bottom-style: solid;border-bottom-color: #333333;font-weight: normal;z-index:9;width: 95%;margin-left: auto;margin-right: auto;
	  height: auto;}
#contenedor #nav ul {list-style-type: none;}
 #contenedor #nav li {float: none;display:block;width:100%; background-color:#000; padding-left:0px; border-bottom:solid; border-bottom-color:#017CC2;}
#contenedor #nav li a{border-bottom-width: 3px;
/*border-bottom-style: solid;*/
border-bottom-color: #F3F3F3;
 text-decoration:none;
  color:#FFFFFF;
    width: 100%;
	 display: block;
	    padding-top: 3px;
		 padding-bottom: 3px;
		  padding-left: 10px;
		  font-size: 11px;
		   text-transform: uppercase;
		    font-weight: bold;}
.logo{
width: 70%;
height:auto;
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
	}
	#contenedor #footer{
		width:100%;
		display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
	}
	#footer td {
  width: 25%;
}
#presentacion #destacado{
	width:100%;
}
#pestana4{
width: 27%;
  margin: 1%;
  padding: 2%;
  height:240px;
}

#pestana4 img{
	width:70%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.pestanaser a{
width: 27%;
  margin: 1%;
  padding: 2%;
}
.pestanaser img{
	width:100%;
	height:auto;
}
.pestanact a{
width: 27%;
  margin: 1%;
  padding: 2%;
}
.desapareceimg{
	display:none !important;
	
}
.pestanact img{
	width:100%;
	height:auto;
}
.entrarmg a {
	float:left;
}
.entrarm { clear:left;}
.entrarm a {float:left;}
.botonentrar{
width: 95%;
text-align: center;
margin-top: -10px;"
}
.index{
	float:left;
	width: 50%;
  display: block;
  clear: both;
}
.left{
	  float: right;
  width: 50%;
    margin-left: auto;
  margin-right: auto;
  text-align: right;
}
.imgnosotros{
	
}
#destacado-ficha{
	width:100%;
}
#pestanamb{
  float: none;
  margin-right: auto;
  margin-left: auto;
  padding:5px;
}
/*iframe{

    /*position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}*/
.video iframe
 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video {
   position: relative;
   padding-bottom: 56.25%;
   overflow: hidden;
}
#localizacion{
	  margin-left: auto;
  	  margin-right: auto;
	  border-left-style:none; 
}
#horario{
	width:88%;
	margin-left:auto;
	margin-right:auto;
}
#destacado-ficha img{
	margin-left:auto;
	margin-right:auto;
	  display: block;
}
.pdf1{
	width:27%; 
	float:left; 
	padding:10px;
}
.texto{
	float: left;
	width: 95%;
}
#contentForm{
	width:auto;
}
.box{
	width:60%;	
	margin-left: 10px !important;
}
#servicioproductos1{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#servicioproveedores{
	margin-left:auto;
	margin-right:auto;
	  float: none;
  clear: both;
}
.links{
	width:20%;
	float:left;
	margin:5px;
	text-align: center;
}
.noticia{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	clear: both;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #BFC0C2;
    overflow: hidden;
    padding-bottom: 10px;
}
.imgnoticia{
	float:left;
	margin-right:10px;
	margin-left:10px;
	
}
.noticia p{
	margin:1px !important;
	
}
.fotoofer{
	width:47%;
}
.rss{
	float:right;
	margin-top: -10px;
	margin-right: 10px;
	height:40px;
	width:40px;
}
#suscribir{
  width: 95%;
  margin-left: auto;
  margin-right: auto;	
}
#pestanaproducto{
	width: 95% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#productobotonera{
	width: 95%;
  margin-left: auto;
  margin-right: auto;	
}
#subfamiliaproducto{
		width: 95% !important;
}
/*.familialista{
	width: 45%;
  float: left;
  height: 200px;
  margin-right: 17px;
}*/
#servicioproductos{
	width:95%;
}
#caracteristicasproducto{
	width: 95%;
  margin-left: auto;
  margin-right: auto;	
  float:none;
}
#message{
	  width: 100%;
}
#fichaproducto #caracteristicasproducto{
	float:left;
	
}
#productobotonera{
	width:95% !important;
}
#contenedor #footer a{
	font-size:8px;
}
#contentFormS{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
#productobotonera{
	display:none;
}
#contenedor #footer #footerdatos{
	text-align:center;
	float:left;
}
#pestana{
	width:45%;
	height:364px;
}
#pestanatop{
	width:45%;
}
#contenedor #presentacion li{
	  width: 29%;
  margin-right: 2%;
}
ul.tabs li a{
	width:100%;
}
#lista2{
	  float: left;
  width: 100%;
  margin-left:20px;
}
.cien{
	width:100% !important;
}
#pestana6{
	width:21%;
}
#pestanapro{
	width:95%;
}
.espaciomin{
margin-top: -40px !important;	
}
.imagenizquierda{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	float:none;
}
#presentacion #destacado2{
	width:100%;	
}
.centros{
	width:50%;
	float:left;
}
.linkinteres{
	width:48%;
}
#pestana10{
	width:95%;
}
#pestanacalidad{
	float:left;
	width:95%;
	
}
#presentacion{
	width:95%
}
.TabbedPanelsContentGroup{
	width:95%;
  margin-top: 10px;
  margin-left:auto;
  margin-right:auto;
  float:none;
  display:block;
}
.centrado{
	margin-left: auto;
  margin-right: auto;
  display: block;
}
#noticia{
	width:95%;
  margin-left:auto;
  margin-right:auto;
  float:none;
  display:block;
}
}
@media all and (max-width: 660px){
#pestana4{
width: 80%;
  margin: 1%;
  padding: 2%;
  margin-left:auto;
  margin-right:auto;
  float:none;
  height:auto;
}
.pestanaser a{
width: 80%;
  margin: 1%;
  padding: 2%;
  margin-left:auto;
  margin-right:auto;
  float:none;
  display: block;
}

.pestanact a{
width: 80%;
  margin: 1%;
  padding: 2%;
  margin-left:auto;
  margin-right:auto;
  float:none;
  display: block;
}
.botonentrar{
width: 98%;
text-align: center;
margin-top: -10px;"
}	
#destacado-ficha{
	float:left;
	width:95%;
	height:auto !important;
	
	
}
.index{
	float:left;
	  width: 95%;
  display: block;
  clear: both;
}
.left{
	float:left;
	width:95%;
}
#suscribir-index{
  float: left;	
}
#destacado-ficha img{
	float:left;
	
}
.clear{
	clear:both;
}
#lista{
	width:93%;
}
/*#pestana4{
	width:auto;
	
}*/
.links{
	width: 47%;
  float: left;
  margin: 5px;
  height: 80px;
}
.Estilo25{
	font-size:12px;
	
}
.Estilo23{
	font-size:12px;
	
}
.entrar{
	height: 14px;
}
#pestana6{
	width:45%;
}
#pestana6 img{
	  width: 100%;
  height: auto;
}
#pestana10{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	overflow:visible;
	
}
#pestanamat{
	width:43%;
	float:left;
	
}
.productofichaimg{
	width:60%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
}
}
@media all and (max-width: 638px){
	.index{
	  width: 100%;
}
.pdf a{
	font-size:10px;	
}
.desapareceimg{
	display:none;
	
}
#pestana4 img{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
#pestana{
	height:340px;
}
#contenedor #presentacion li{
	  width: 95%;
	  margin-left:auto;
	  margin-right:auto;
	 /* display:block;*/
	  float:none;
}
#pestanamat{
	width:88%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
}
.productofichaimg{
	width:60%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
}
}
@media all and (max-width: 570px){
#pestana{
	width:95%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}
#pestanatop{
	width:95%;
}
}
@media all and (max-width: 500px){
.centros{
	width:100%;
	float:left;
}
.linkinteres{
	width:85%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display: block;
	  margin-bottom: 5px;
}
}
@media all and (max-width: 445px){
	#pestanamb{
		width:100%;
}
#destacado-ficha img{
	width:100%;
	height:auto;
}
#localizacion{
	width:95%;
	
}
#localizacion img{
	width:95%;
	height:auto;
}
.pdf1{
	width:40%; 
	float:left; 
	padding:10px;
}
.box{
	width:95%;	
}
.derecha{
	margin-left:10px;
}
#lista{
	width:90%;
}
#servicioproveedores{
	width:90%;
}
#servicioproveedores img{
	width:95%;
	height:auto;
}
.fotoofer{
	width:80%;
}
.rss{
	height:30px;
	width:30px;
}
/*.familialista{
	width: 80%;
  float: left;
  height: 200px;
  margin-right: 17px;
}*/
#fichaproducto #caracteristicasproducto{
	width:auto;
	
}
#pestana4 img{
	width:95%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.entrar{
	height: 14px;
}
.entrar a{
	width:97%; 
	text-align:center;
}
#pestana6{
	width:95%;
}
#noticia img{
	width:80%;
	margin-left:auto !important;
	margin-right:auto;
	float:none;
	display:block;
}
}
@media all and (max-width: 380px){
	.botonentrar{
width: 96%;
}
	.tick{
		font-size:10px;
	}
	.marcado{
		font-size:10px;
	}
	.pdf1{
	width:50%; 
	float:none; 
	padding:10px;
	margin-left:auto;
	margin-right:auto;
}
#lista{
	width:88%;
	margin-left:10%;
}
.productofichaimg{
	width:95%;
	height:auto;
	margin-left: 1%;
	
}
#servicioproveedores{
	width:85%;
}
.aparecetabla{
	display:block;
}
.desaparecetabla{
	display:none;
}
.links{
	width:90%;
	float:left;
	margin:5px;
	text-align:center;
}
.fotoofer{
	width:95%;
}
.novedad11{
	height:376px !important;
	
}
.destacadotexto{
	font-size:12px;
}
.familialista{
	width:70%;	
}
.pdfp a{
	width:80%;
}
#pestana4 {
	width:95%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
#pestana4 img{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display: block;
}
.entrar{
	height: 18px;
}
.imagenizquierda{
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
	
}

}