/* Estilo de la galeria*/
    .slides {
  width: 100%;
  margin: 0 auto;
}

.slides ul {
  list-style: inside none disc;
  margin: 0;
  padding: 0;
}

/* módulo noticias*/
.blanco {	
    background-color: #fff;
    padding: 20px;
    margin-bottom: 1em;

    
}

.col-eq h3 {
    font-family: "OpenSans-regular";
	font-size: 0.8em;
	color: #000000;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.col-eq h1 {
    font-family: "OpenSans-bold";
	font-size: 1.4em;
	line-height: 1.3em;
	color: #00A3C5;	
	margin: 0px 0px 10px 0px;
	
}

.col-eq p {
    font-family: "OpenSans-regular";
	font-size: 1em;
	line-height: 1.5em;
	color: #000;	
	padding: 0px;
}





/***********************
  OUTLINE BUTTONS
************************/

.btn.outline {
    background: none;
    padding: 12px 22px;
    margin-bottom: 20px;
}
.btn-primary.outline {
    border: 2px solid #fff;
    color: #fff;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #0A8D70;
    border-color: #0A8D70;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #fff;
    color: #fff;
    box-shadow: none;
}




.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}


/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}








.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*--- Información util ---*/
.info {
	padding: 20px 0px 0px 0px;
}
.info h1 {
	font-family: "OpenSans-bold";
	font-size: 2.2em;
	color: #00A3C6;
	margin: 0px;
	padding-bottom: 5px;
	
}

.info h2 {
	font-family: "OpenSans-bold";
	font-size: 1.23em;
	margin: 0px;
	color: #000000;
}
.info h3 {
	font-family: "OpenSans-bold";
	font-size: 1.2em;
	color: #000000;
	margin: 0px;
}

.info p {
	font-family: "OpenSans-Light";
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333326;
}



/*--- Google maps---*/
  .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

  .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/*--- Link accesos fsg y hominis---*/
.barra-negro {
	/* width: 100%; */
	padding: 5px 0px 0px 0px;
	margin: 0px;
	background-color: #000000;
}
.enlace ul {
padding: 0px;
}

.enlace li {
display: inline;
}

.enlace a:link, .enlace a:visited {
font-family: 'OpenSans-regular', sans-serif;
font-size: .8em;
color: #fff;
padding: 0px 0px 0px 0px;
display: inline-block;
width: auto;
margin: 0px;
}

.enlace a:hover {
color: #00A3C8 !important;
text-decoration:none;
}

/*-----  Formulario -------*/
.contact {
    padding: 10px 0px 10px 0px;
    margin: 0px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles */

  .form{
    width: 100%;
    padding: 15px;
    background:#f8f8f8;
    border:1px solid rgba(0, 0, 0, 0.075);
    margin-bottom:25px;
    color:#727272 !important;
    font-size:13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
  }

  .form:hover{
    border:1px solid #00A3C8;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #00A3C8;
  }

  .textarea{
    height: 200px;
    max-height: 200px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

  .button{
    padding:8px 12px;
    background:#0A5175;
    display: block;
    width:120px;
    margin:10px 0 0px 0;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align:center;
    font-size:0.8em;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .button:hover{
    background:#00A3C8;
    color:white;
  }

/* Send Button Styles */

  .form-btn{
    width:180px;
    display: block;
    height: auto;
    padding:15px;
    color:#fff;
    background:#00A3C8;
    border:none;
    border-radius:3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
  }

  .form-btn:hover{
    background:#111;
    color: white;
    border:none;
  }

  .form-btn:active{
    opacity: 0.9;
  }
center{
  margin-top:330px;
}
input {
    position: relative;
    z-index: 9999;
}





@font-face {
	font-family: "OpenSans-Regular";
	font-style: normal;
	font-weight: normal;
	src: url(OpenSans-Regular.ttf);
}


@font-face {
	font-family: "OpenSans-Bold";
	font-style: normal;
	font-weight: normal;
	src: url(OpenSans-Bold.ttf);
}


@font-face {
	font-family: "OpenSans-Light";
	font-style: normal;
	font-weight: normal;
	src: url(OpenSans-Light.ttf);
}

body {
	
	font-family: 'OpenSans-Regular', sans-serif;
	font-size: 16px;
	margin: 0px !important;
	padding: 0px !important;

}
/*
.container {
	padding: 0 auto !important;
}
*/
.redondear{
	border-radius: 5px 5px 5px 5px !important; 
   -moz-border-radius: 5px 5px 5px 5px !important; 
   -webkit-border-radius: 5px 5px 5px 5px !important; 
    border: 0px solid #000000 !important;
}

.redondear2{
	border-radius: 5px 5px 5px 5px !important; 
   -moz-border-radius: 5px 5px 5px 5px !important; 
   -webkit-border-radius: 5px 5px 5px 5px !important; 
    border: 1px solid white !important;
}

.redondear3{
	border-radius: 5px 5px 5px 5px !important; 
   -moz-border-radius: 5px 5px 5px 5px !important; 
   -webkit-border-radius: 5px 5px 5px 5px !important; 
    border: 1px solid gray !important;
}




/* Divs color*/
.gris {
	width: 100%;
	background-color: #EEEEEE;

}

.gris2 {
	width: 100%;
	background-color: #EEEEEE;

}

.rojo {
	background-color: #ff0000;
}



.mod-turnos {
	padding: 30px 0px 30px 0px;
	background-color: #00A3C8;	
	color: #fff !important; 
}

.mod-turnos h1 {
	font-family: 'OpenSans-Regular'; 
	font-size: 2em; 
	color: #fff; 
	padding: 0px;

}

.mod-turnos h2 {
	font-family: 'OpenSans-Regular'; 
	font-size: 1.5em; 
	color: #fff; 
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.mod-turnos p {
	font-family: 'OpenSans-Regular'; 
	font-size: 1em; 
	color: #fff; 
}

.mod-turnos input {
	font-family: 'OpenSans-Regular'; 
	font-size: 1em; 
	border-width: 0;
	border-radius: .4em;
	color: #fff !important; 
	background-color: #007A96;
}

.mod-turnos input:focus {
    color: #000 !important;
}

/* Seccion videos home */
.mod-videos {
	padding: 50px 0px 50px 0px;
	background-color: #0CBC95;
}
.mod-videos h1 {
	font-family: 'OpenSans-light'; 
	font-size: 2.8em; 
	color: #fff; 
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.mod-videos h2 {
	font-family: 'OpenSans-light'; 
	font-size: 1.2em; 
	line-height: 1.3em;

	color: #fff; 
	padding: 0px;
	margin: 0em 3em 1em 0em;
}
.mod-videos p {
	font-family: 'OpenSans-Regular'; 
	font-size: 1em; 
	color: #fff; 
	line-height: 2em;
	padding-bottom: 20px;
}



.barra-negro p {
	font-size: .8em; 
	font-family: 'OpenSans-regular';
	color: #fff;
	padding: 0px;
	margin: 0px;
}
.barra-logo {
	background-color: #004968;
	padding: 30px 0px;
}

.barra-menu {
	background-color: #002D41;
	padding: 0px;
	
}


}

img.big {
	padding-top: 3em;
	height: 400px;
	width: 324px;
}

.imagerespon{
	display: inline;
	max-width: 100%;
	height: auto;
}


.imagerespon2{
	display: inline;
	max-width: 110%;
	height: auto;
}



.ibuscar{
	background-color: black;
	border-width: 0;
	color: white; 
}

.ibuscar2{
	background-color: #007A96;
	border-width: 0;
	color: white; 
}



img.logo{
	/*padding-left: 0.5em;*/
	width: 8%;
}

.menucasa{
	background-color:white; 
	border:none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	color: #ef977f;
	background-color: white;

}

.navbar-default .navbar-nav>li>a {
	color: #004413;
}

.tfont {
    /*	padding-left: 2.5em; */
	/* padding-left: .2em; */

	text-align: center;

}

.tfont a{
	color: white !important ;
	/* font-size: 1em; */
	font-size: .9em; 
	font-family: "OpenSans-Bold";

}

.posicionleft{
	text-align: left;
}

.textmarron{
	background-color: #703a1a;	
	color:white;
	padding: 0.3em;
	font-size: 1.3em;
	/*font-weight: bold;*/
}

.textenlaces{
	background-color: #e0513b;
	color:white;
	padding: 0.3em;
	font-size: 1.3em;

}


.textdesayuno{
	background-color: #43b7c0;
	color:white;
	padding: 0.3em;
	font-size: 1.3em;

}

.colormarron{
	color: #703a1a;	
	font-size: 0.9em;
	/*font-weight: bold;*/
}

.colormarron2{
	color: #703a1a;	
	font-size: 0.5em;
	/*font-weight: bold;*/
}


.colormarron3{
	color: #703a1a;	
	font-size: 0.5em;
	/*font-weight: bold;*/
}


.lista ul
{
/*
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
*/
}
.lista li
{
	list-style-type: none;
	display: inline-block;
	padding-right: 0.5em;
}

.navbar-default {
	background-color: white;
	border-color: white; 
	font-size: .9em;
}

.nav>li>a {
	padding: 0 auto;
	
}

.imagen-fondo1{
	background-image: url(img/encabezado_casa.jpg); 
	background-repeat: no-repeat;  
	background-position: center; 
	background-size: 100% 100%;
}

.div-img-fondo1{
	/* height: 236px;*/ 
	border: 1px solid black ; 
}

#div1{
	/* height: 	px;*/
}

.navbar-nav>li>a {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

#mostrarimg{
		display: block;
	}

#mostrartitulo{
	padding-top: 0em;
}



.navbar-nav>.open>a:focus {
    color: #252424; 
    background-color: #312A2A !important;
}


.ruta {
	color: #555; 
	font-size: 1em; 
	font-family: 'OpenSans-light';
}


/* Estilo página modelo */
.fondo-titulo {
	background-color: #F8F8F8;
	padding-top: 50px;
	height: 219px;
	width: 100%;
}
.titulo h1 {
	font-family: "OpenSans-Light";
	font-size: 4.5em;
	color: #00A3C6;
	padding: 0px;
}

.contenido {
	padding: 20px 0px 50px 0px;
}

.contenido h1 {
	font-family: "OpenSans-bold";
	font-size: 2.2em;
	color: #00A3C6;
	margin: 0px;
	padding-bottom: 15px;
}

.contenido h2 {
	font-family: "OpenSans-Light";
	font-size: 1.23em;
	line-height: 1.2em;
	color: #000000;
}
.contenido h3 {
	font-family: "OpenSans-bold";
	font-size: 1.2em;
	color: #000000;
	margin: 0px;
}


.contenido p {
	font-family: "OpenSans-Light";
	font-size: 1em;
	line-height: 1.4em;
	color: #333326;
}



/** complejo edilicio **/
.contenidoc {
	padding: 20px 0px 50px 0px;
}

.contenidoc h1 {
	font-family: "OpenSans-regular";
	font-size: 2.2em;
	color: #333;
	margin: 0px;
	padding-bottom: 15px;
}

.contenidoc h2 {
	font-family: "OpenSans-regular";
	font-size: 1.3em;
	line-height: 1.5em;
	color: #777;
	margin: 0px;
	padding-bottom: 15px;
}
.contenidoc h3 {
	font-family: "OpenSans-light";
	font-size: 1.5em;
	color: #00A3C5;
	margin: 0px;
}


.contenidoc p {
	font-family: "OpenSans-regular";
	font-size: 1em;
	line-height: 1.5em;
	color: #333;
}





.fecha {
	font-family: "OpenSans-Light";
	font-size: 1.6em;
	color: #00A3C6;
	padding-top: 10px;
}
.historia_txt {
	font-family: "OpenSans-Light";
	font-size: 0.9em;
	color: #333;
	line-height: 1.2em;
}


.menu {
	padding: 20px 40px 50px 0px;
}
.menu h1 {
	font-family: "OpenSans-bold";
	font-size: 1.1em;
	color: #00A3C6;
}
.menu li {
	font-family: "OpenSans-light";
	font-size: 1em;
	color: #333333; 
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #DDDDDD;
	}

/* módulo pie */
.mod_pie {
background-color:#333333; 
padding-top: 1.5em; 
}

.mod_pie h1 {
	 font-family: "OpenSans-bold";
	 font-size: 1em;
	 color: #fff;
	 margin: 0px;
}

.mod_pie_filete {
	 font-family: "OpenSans-regular";
	 font-size: 0.9em;
	 padding-top: 2em;
	 padding-bottom: 3em;
	 color: #fff;
	 margin-top: 30px;
	 border-style: solid;
     border-width: 1px 0px 0px 0px;
     border-color: #666666;
}
.mod_pie a:hover, .mod_pie a:link {
    color: #0BA6C8;
    text-decoration: none;
}



.pietitulo {	
	/*padding: .4em; */
	font-size: 1.4em; 
	font-family: 'OpenSans-Bold';
	color: #0BA6C8;
	padding: 0px;
	margin: 0px;

}

.link-titulo{
	color: white; 
	font-size: 1em; 
	font-family: 'OpenSans-Bold';
	/* padding: .4em; */
}


.link-blanco {
	color: #DDD; 
	font-size: .9em; 
	font-family: 'OpenSans-Regular';
	/*padding: .4em;*/
}

/* texto dirección*/
.itempiegris{
	color: #DDD; 
	font-size: 0.9em; 
	line-height: 0.5em;	
	font-family: 'OpenSans-Regular';
	padding: 0px;
	margin: 0px;
}


.historia {
	padding: 0px;
	margin: 0px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #eee;
}
.historia_img {
	margin: 0px;
	padding: 0px;

}




/* accesos botón especialidades y profesionales*/
.btn-menu{
   	
	font-size: 1.2em;
   	border: 1px solid;
   	border-color: #CCC;
}
.btn-menu-icono {
	color: #00A3C8;
	
	margin-right: 15px;
	margin-bottom: 1px;
	float: left;
}
.btn-menu p {
	color: #333;
	display: inline;
}


/* accesos botón pacientes e institucional*/
.btn-menu-mod{
   
}
.btn-menu-icono-mod {
	color: #7F7F7F;
	margin-right: 10px;	
}
.btn-menu-mod p {
	color: #333;
	display: inline;
}

/*	listodo */
.list-group > li {
  margin-bottom: -1px;
}

li > .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

li > .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

li:last-child > .list-group-item {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

li:first-child > .list-group-item {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/* Ficha*/
.ficha {
   	border-top: 1px solid;
   	border-bottom: 1px solid;
   	border-color: #CCC;
   	margin: 0px 0px 20px 0px;
   	padding: 0px;
}
.ficha img {
	padding: 0px;
	margin: 0px;
}
.ficha h1 {
   	font-family: "OpenSans-bold";
	font-size: 1.9em;
	line-height: 1em;
	color: #00A3C6;
}

.ficha h2 {
   	font-family: "OpenSans-light";
	font-size: 1em;
	line-height: 1em;
	color: #000;
	padding-top: 0.5em;
}

a.ficha:hover, a.ex1:active {
    color: red;
}


/* Ficha profesionales y estudios y procedimientos*/
.ficha_prof {
   	border-top: 1px solid;
   	border-bottom: 1px solid;
   	border-color: #CCC;
   	margin: 0px 0px 20px 0px;
   	padding: 0px;
}
.ficha_prof img {
	padding: 0px;
	margin: 0px;
}
.ficha_prof h1 {
   	font-family: "OpenSans-bold";
	font-size: 1.7em;
	line-height: 1em;
	color: #00A3C6;	
}

.ficha_prof h2 {
   	font-family: "OpenSans-light";
	font-size: 1em;
	line-height: 1em;
	padding-top: 0.5em;

	color: #000;
}
.ficha_prof p {
   	font-family: "OpenSans-light";
	font-size: 1.1em;
	line-height: 1.5em;
	color: #000;
	padding: 0px;
}
a.ficha_prof:hover, a.ex1:active {
    color: red;
}


/* COBERTURA*/
.cobertura {
   	border-left: 5px solid;
   	border-color: #BBB;
   	/* border-color: #00A3C6; */
   	margin: 0px 0px 20px 0px;
   	padding: 10px 0px 0px 20px;
   	height: 11em;
}


.cobertura h1 {
   	font-family: "OpenSans-bold";
	font-size: 1.2em;
	line-height: 1em;
	color: #555;	
	
}

.cobertura h2 {
   	font-family: "OpenSans-light";
	font-size: 1em;
	line-height: 1em;
	

	color: #000;
}
.cobertura p {
   	font-family: "OpenSans-light";
	font-size: 1.1em;
	line-height: 1em;
	color: #000;
	
}

.cobertura a:hover, .cobertura a:link {
    color: #000;
}



@media (min-width:320px) and (max-width:767px) {

	#mostrarimg{
		display: none;
	}
	#mostrartitulo{
	margin-top: 5em;
	}

	.tfont{
	     font-size: 1.2em;
		 padding-bottom: 0.8em;
	 }    

	 .banderas{
		height: 40px;
		width: 44px;
		padding-bottom: 0.8em;
	}

	#imgmargin{
		margin-bottom: 4.5em;
	}
	.titulo h1 {
	font-family: "OpenSans-Light";
	font-size: 2.5em;
	color: #00A3C6;
	padding: 0px;

}

	/* font-weight: bold; */

	/* body{background-color: blue;} */  
}

@media (min-width:320px) { 
	/* smartphones, iPhone, portrait 480x320 phones */
	img.logo{
		width: 15%;
	} 
	#puntos{
		display: none;
	}
	#div1{
		height: 136px;
	}
	.textmarron{
		background-color: #703a1a;	
		color:white;
		padding: 0.3em;
		font-size: 1em;
	}	

	#imgmargin{
		margin-bottom: 4.5em;
	}
	
   /*
	body{background-color: gray;}  
   */  
}

@media (min-width:481px) { 
	/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide.
	body{background-color: blue;}*/
	img.logo{
		width: 15%;
	} 
	#puntos{
		display: none;
	}
	#div1{
		height: 136px;
	}
	.textmarron{
		background-color: #703a1a;	
		color:white;
		padding: 0.3em;
		font-size: 1em;
	}
	#cabecera{
		display: block;
	}
	/* body{background-color: blue;} */

	#imgmargin{
		margin-bottom: 4.5em;
	}   
	
}

@media (min-width:641px) { 
	img.logo{
		width: 10%;
	} 
	#puntos{
		display: block;
	}
	#div1{
		/* height: 236px;*/
	}
	.textmarron{
		background-color: #703a1a;	
		color:white;
		padding: 0.3em;
		font-size: 1.3em;
	}
	#cabecera{
		display: block;
	}

	/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones  */
	/*  body{background-color: green;} */


}

@media (min-width:961px) { 
	/* tablet, landscape iPad, lo-res laptops ands desktops */
	#puntos{
		display: block;
	}
	#div1{
		/* height: 236px; */
	}
	.textmarron{
		background-color: #703a1a;	
		color:white;
		padding: 0.3em;
		font-size: 1.3em;
	}
	/*
	body{
		background-color: red;
	}
	*/
	img.logo{
		width: 10%;
	} 
	#cabecera{
		display: block;
	}
	
	#menus{
		/* padding-left:8em; */
	}
}

@media (min-width:1025px) { 
	/* big landscape tablets, laptops, and desktops */
	#puntos{
		display: block;
	}
	#div1{
		/*height: 236px;*/
	}

	.textmarron{
		background-color: #703a1a;	
		color:white;
		padding: 0.3em;
		font-size: 1.3em;
	}
	/*
	#menus{
		padding-left:8em;
	}
	*/
	/* 
	body{
		background-color: gray;
	}
	*/
	#cabecera{
		display: block;
	}
	
}

@media (min-width:1281px) { 
	/* hi-res laptops and desktops */
	#puntos{
		display: block;
	}
	#div1{
		/*height: 236px;*/
	}
	.textmarron{
		background-color: #703a1a;	
		color:white;
		padding: 0.3em;
		font-size: 1.3em;
	}
	#cabecera{
		display: block;
	}

	#imgmargin{
		margin-bottom: 4.5em;
	}
	/* body{background-color: orange;} */  
}