article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}



audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}



audio:not([controls]) {
    display: none;
}


[hidden] {
    display: none;
}




html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}



body {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}



a {
    color: #00e;
}

a:visited {
   
}


a:focus {
    outline: thin dotted;
}



a:hover,
a:active {
    outline: 0;
}




abbr[title] {
    border-bottom: 1px dotted;
}

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}



mark {
    background: #ff0;
    color: #000;
}



pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}



pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}



q {
    quotes: none;
}



q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 0;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}



img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}


svg:not(:root) {
    overflow: hidden;
}




figure {
    margin: 0;
}




form {
    margin: 0;
}


fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}



legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}



button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
 
}
input,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
    background: #fff;
    color: #bdbdbd;
    border-bottom: solid #8ec63f;
    border-left:solid #8ec63f;
    border-top: solid #8ec63f;
    border-right: solid #8ec63f;
    margin: 15px;
    text-transform:uppercase;

}
button,
input {
    line-height: normal; /* 1 */
    *overflow: visible; 
    
  
}
textarea,
input{
	  border-style:#8ec63f 1px solid; 
	  background: #fff;
      color: #bdbdbd;
      border-bottom: solid #8ec63f;
      border-left:solid #8ec63f;
      border-top: solid #8ec63f;
      border-right: solid #8ec63f;
     }

input {
	height: 35px;
}



table button,
table input {
    *overflow: auto;
}



button,
html input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}


input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}


input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}



textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}




table {

    border-collapse: collapse;
    border-spacing: 0;
}

/* ---GENERAL---*/

.menuprincipal:after, .menudesplegable:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body{
	background-color: #e9eaec;
	
}
a {
	text-decoration:none;
	color:#fff;
}
		
ul {
	list-style: none;
}
 
h1 {
	
	color: #0b9948;
	font-size: 28px;
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
	font-weight:normal;

	}

h2 {
	
	font-size: 16px;
	color:#888;
	text-transform: uppercase;
	text-align: left;
	margin:0 10px;
	cursor:default;
	font-family: Frutiger, Helvetica, sans-serif;
	cursor: pointer;
		
}

h3 {
	
	color:#888;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	font-weight:normal;
	margin: 0;

}
.head {
	
		background-image: url("imagenes/logohead.jpg");
		background-repeat: no-repeat;
		padding:1px;
		width: 960px;
		height:150px;  
		margin: 15px auto 0 auto;
		position:relative;
	
}
.content {
		
			
		width: 960px;  
		margin: 17px auto 0 auto;
		background-color: #e9eaec;	
}
.footer {
		
		padding:1px;
		width: 958px;  
		height:120px;
		margin: 0 auto 0 auto;
		background-image: url("imagenes/logofooter.jpg");
		background-repeat:no-repeat;
		display:block;
  		text-indent: -99999em;
}
/*----BOTON FLOTANTE----*/
.volver {
	
	display: block;
	text-indent: -99999em;
	width: 120px;
	height: 60px;

}
#volver1 {
	
	display: block;
	text-indent: -99999em;
	width: 120px;
	height: 60px;

}
/*------HEADER----*/

.menu {
	
		width:960px;
}
.menus{
	margin: 15% 0 0 0;
	width: 960px; 	
	height: 20px;
}


.menu li {
	float:right;
	background-color: #8ec63f;
	float:right;

}
#cobertura {
	background-position: 96% 52%;
	width:120px;
	height:34px;
	margin: 0 31px 0 0;
	background-image: url("imagenes/menu.png")
}
#cobertura:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 96% 23%;
	
}
#contacto {
	background-position: 81% 52%;
	width:108px;
	height:34px;
	margin: 0 10px 0 0;
	background-image: url("imagenes/menu.png")
}
#contacto:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 81% 23%;
	
}
#instalaciones {
	background-position: 65% 52%;
	width:157px;
	height:34px;
	margin: 0 10px 0 0;
	background-image: url("imagenes/menu.png")
}
#instalaciones:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 65% 23%;
	
}
#especialidades {
	background-position: 43% 52%;
	width:157px;
	height:34px;
	margin: 0 10px 0 0;
	background-image: url("imagenes/menu.png")
}
#especialidades:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 43% 23%;
	
}
#historia {
	background-position: 28% 52%;
	width:95px;
	height:34px;
	margin: 0 10px 0 0;
	background-image: url("imagenes/menu.png")
}
#historia:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 28% 23%;
	
}
#nosotros {
	background-position: 14% 52%;
	width:108px;
	height:34px;
	margin: 0 12px 0 0;
	background-image: url("imagenes/menu.png")
}
#nosotros:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 14% 23%;
	
}
#home {
	background-position: 4% 52%;
	width:72px;
	height:34px;
	margin: 0 12px 0 45px;
	background-image: url("imagenes/menu.png")
}
#home:hover {
	
	background-image: url("imagenes/menu.png");
	background-position: 4% 23%;
	
}
#twitter, #facebook {
 		  display:block;
 		  width:30px;
 		  height: 24px;
  		  line-height: 32px;
  		  background-image: url("imagenes/social.png");
  		  text-indent: -99999em;
  		  float: right;
 }
#logolink {
		  display:block;
 		  width:300px;
 		  height:110px;
  		  line-height: 32px;
  		  text-indent: -99999em;
  		  float: left;
  		  margin: 25px 0 0 35px;
}
#facebook {

		background-position:30px 0;
		margin: 0 5px;		
}
#twitter {

		background-position: 0 0;
		margin: 0 5px;	
}
/*----CONTENIDO-----*/	
.menuprincipal {
	width:958px;
	height:110px;
	background-color:#bdbdbd;
	padding:1px;
	margin:1px;
	cursor:pointer;
}
.menuprincipal:hover {
background-color:#c1d82f;
}

.minifoto {

	padding: 15px 15px;
	float: left;
}

#titulonosotros{
	margin:25px 0;
	background-position: 0.5% 54%;
	display: block;
	width:170px;
	height:25px;
	float:left;
}
#titulohistoria{
	margin:25px 0;
	background-position: 23% 54%;
	display: block;
	width:170px;
	height:25px;
	float:left;
}
#tituloespecialidades{
	margin:25px 0;
	background-position: 46.5% 54%;
	display: block;
	width:230px;
	height:25px;
	float:left;
}
#titulocontacto{
	margin:25px 0;
	background-position: 0.5% 59.5%;
	display: block;
	width:180px;
	height:25px;
	float:left;
}
#tituloinstalaciones{
	margin:25px 0;
	background-position: 25.5% 59.5%;
	display: block;
	width:230px;
	height:25px;
	float:left;
}
#titulocobertura{
	margin:25px 0;
	background-position: 47% 50%;
	display: block;
	width:230px;
	height:27px;
	float:left;
}
.bajada {
	text-align: left;
	
}
.bajadas {
	width: 550px;
	float: right;
	margin: 10px 3px 0;
}
.bajadacolumna, {
	
	cursor:default;
	
}
#columnabajada{
	width: 165px;
	height: 45px;
	background-position: 87% 60.5%;
	
}
#columnabajada1{
	width: 190px;
	height: 67px;
	background-position: 21% 67%;
	
}
#columnabajada2{
	width: 168px;
	height: 55px;
	background-position:63% 66.5% ;
	
}
#columnabajada3{
	width: 168px;
	height: 69px;
	background-position: 0% 68%;	
}
#columnabajada4{
	width: 168px;
	height: 55px;
	background-position:87% 53% ;
	
}
#columnabajada5{
	width: 168px;
	height: 40px;
	background-position:87% 65.5%;	
}
#columnabajada6{
	width: 168px;
	height: 69px;
	background-position:43% 68%;	
}

.menudesplegable {
	background-color:#d3d3d3;
	display: none;
	width: 960px;	
}
.columnas {
	width: 260px;
	height: 320px;
	margin: 20px 10px;
	text-align: center;	
	background-image: url("imagenes/todo.png");
	background-position: 3% 9%;
}
.columnas:hover {

	background-position: 42.4% 9%;
}
.anyClass {	
	
float:left;
position: absolute;
margin:0 3px 0 20px;
}		
.next{
background:#e9eaec;	
position: relative;
top:100px;
float: right;
width: 28px;
height: 51px;
cursor:pointer;
}
.prev {	
background:#e9eaec;
float: left;
position: relative;
top:100px;
width: 28px;
height: 51px;
cursor:pointer;
}
.slide {
background-color: #e9eaec;	
height: 390px;
margin:0 0 100px;
	
}
.fotosl {
	
	display: block;
	margin: 15px auto 10px;	
}
.btn {
	
	width: 265px;
	height: 40px;
	background-color: #8ec63f;
	margin:5px 0 0 5px;
}
#unico {
	
	background-image: url("imagenes/volverhover.png");
	background-repeat: no-repeat;
	width: 283px;
	height: 97px;
	float: right;
	margin:0px 55px;
	cursor:pointer;
}
#unico:hover{
	
	background-image: url("imagenes/todo.png");
	width: 295px;
	height: 92px;
	float: right;
	margin:0px 55px;
	background-color: #e9eaec;	
	background-position: 0.5% 46.4%;
}
.fototodo{
	
		background-image: url("imagenes/todo.png");
}
.fotogrande {
	
	float: left;
	margin: 10px 0 10px 10px;
}
#fotogrande {
	
	float: left;
	margin: 10px 10px 10px 10px;
}
.fotochica {
	
	float: left;
	margin: 10px 10px 20px;
}
.fotochica-especialidades {
	
	float: right;
}
.txt-desplegable {
	
	width: 570px;
	padding: 10px 0 20px;
}

.princpial-desplegable {
	
	margin: 0 0 50px;
}
.bajada-desplegable {
	
	text-align: left;
}
#layoutnosotros {
	margin:25px 420px 40px 0;
	background-position:0% 54%;
	display: block;
	width:170px;
	height:25px;
	float:left;
}
#layouthistoria {
	margin:25px 420px 40px 0;
	background-position: 22% 54%;
	display: block;
	width:170px;
	height:25px;
	float:left;
}
#layoutespecialidades {
	margin:25px 650px 40px 0;
	background-position: 47.5% 54%;
	display: block;
	width:245px;
	height:25px;
	float:left;
}
#layoutcontacto {
	margin:25px 420px 40px 0;
	background-position:0% 59.5%;
	display: block;
	width:170px;
	height:25px;
	float:left;
}
#layoutinstalaciones {
	margin:20px 400px 0 10px;
	background-position: 26.5% 59.5%;
	display: block;
	width:220px;
	height:25px;
	float:left;
}
#layoutcobertura {
	margin: 20px 820px 20px 10px;
	background-position: 46% 50%;
	display: block;
	width:220px;
	height:28px;
	float:left;
}
#listacobertura {
	margin:0 20px;	
	float: left;
}
.tituloslayout {
	margin: 0 0 0 375px;
}
 /* especificos de el desplegable de instalaciones */

#txtdespleins2 {
	margin: 10px;
	
}
#txtdespleins {
	margin: 0 10px;
	
}
#titulodespleins {
	margin: 10px;
}


/* div donde meto las listas de especialidades */
.listalayout {
	

}
/* este es para los li que estan en especialidades-layout */
.lilayout {
	list-style:inside;
	color:#888;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	font-weight: normal;
	margin: 0 8px;
}
.formulario {
	width:601px;
	float:right;
	margin:0 0 8px;
}

#btnenviar {
	width: 445px;
	height: 50px;
	background:#8ec63f;
	margin:0 15px;;
	color:#fff;
	font-size: 18px;
	text-transform: uppercase;
	
}

#map {
	background-color: #d3d3d3;
	width: 335px;
	height: 400px;
	float: left;
	margin: 0 10px 5px;
}
.h2boton {
	font-weight:normal;
	text-align: center;
	font-size: 12px;
	text-transform: none;
	line-height: 15px;
}
.h2botonprimero {
	text-transform: none;
	text-align: center;
	font-size: 12px;
	margin:20px 0 0 0;
	font-weight:normal;
	line-height: 15px;
}
.botonvolver {
	
	background-image: url("imagenes/botonvolver.png");
	float:right;
	margin:0 10px 10px 600px;
}


 /*-------DENTRO DEL FOOTEER--------*/
#privacidad {
	display:block;
  	text-indent: -99999em;
  	width: 100px;
  	height: 20px; 
  	right: 775px;	
  	top: 1510px;	
  	margin: 0 5px 0 310px;
  	float: left;
}

#mapa {
	display:block;
  	text-indent: -99999em;
  	width: 60px;
  	height: 20px;
  	right: 600px;	
  	top: 1310px;	
  	margin: 0 0px 0 3px;
  	float: left;
}
#contactofooter {
	display:block;
  	text-indent: -99999em;
  	width: 70px;
  	height: 20px;  
  	right: 30px;	
  	top: 1310px;	
  	margin: 0 10px 0 3px;
  	float: left;
}
#terminos {
	
	display:block;
  	text-indent: -99999em;
  	width: 100px;
  	height: 20px;
  	right: 674px;	
  	top: 1310px;	
  	margin: 0 10px 0 3px;
  	float: left;
}

.copyright {
	width: 960px;
	height: 25px;
	margin: 58px 0px;
}
.bajaespecialidades {
	color:#fff;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	font-weight:normal;
	margin: 10px 0 60px;
	height: 231px;
	float:right;
	width:580px;
	display: block;
}
#bajaespecialidades {
	color:#fff;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	font-weight:normal;
	margin: 10px 0 60px;
	height:510px;
	float:right;
	width:580px;
	display: block;
}
.bajaespecialidades2 {
	color:#fff;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 18px;
	font-weight:normal;
	margin: 5px 0 60px;
	height:231px;
	float:right;
	width:580px;
	display: block;
}
.fotochicaesp {
	
	float: left;
	margin: 10px 10px 60px;
}

#transporte {
	margin: 10px 10px 0 10px ;
	
}