﻿body { background-color:#31414b; background-color: rgb(49, 65, 75);}
img{ border:0;}
a img{ border:0;}
a:link {text-decoration: none; color:#fff;}
a:visited {text-decoration: none; color:#fff;}
a:active {text-decoration: none; color:#fff;}
a:hover {text-decoration: none; color:#fff;}
ul{list-style:none;}
  
.clear{width: 100%; height: 1px; margin: 0 0 -1px; clear: both;}
.left{ float:left;}
.right{ float:right;}
.center{ margin-left:45%;}
.alignleft{text-align:left;}
.aligncenter{ text-align:center;}
.alignright{text-align:right;}

h1{ background-color:#9ea7ad; padding:1% 1%; color:#000; font-size:1.5em;}
hr{ margin-bottom:20px;}
section{ margin-top:0;}
p,ul{ font-size:1.1em; font-family: 'Muli', sans-serif;}
nav {  top: 0; left: 0; width: 100%; clear: both; z-index: 1; padding:2% 0 0 0; color:#fff; font-size:0.7em;}
#links255 ul { text-align: right; width:400px; float:right; margin-top:60px;  box-sizing:border-box;}
#links255 ul li { display: inline; margin:1%;}
#links255 ul li a { text-decoration: none;  padding:2% 2%;}
#links255 ul li a:hover { color:#fff; background-color:#0a1e2b;}
.menunavcurrent{ color:#fff; background-color:#0a1e2b;}
#linkscont{ background-color:#039;}
#ulservindex li{ margin-left:10px;	}



/*#carousel_container{  width:100%; max-height:578px; max-width:1104px;}*/

#carousel_container{ max-height:423px; max-width:984px; width:100%; height:423px;}

.lineaverde{ background-image:url(../imagenes/lineaverde.png); background-position: 50%; background-repeat: repeat-x;}
.sin-padding-bottom { padding-bottom: 0;}
#panel{ background-color:#0a1e2b; box-sizing:border-box; padding: 2% 2%; width:100%; color:#FFF;}
#panel h1{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:500;}
#panel h2{ font-family: 'Muli', sans-serif;}


.fondoblack{ background-image:url(../imagenes/fondoblack.png); width:100%; font-family: 'Muli', sans-serif; color:#FFFFFF; font-size:1.4em; font-style: normal; font-weight: 300; padding:2%; text-align:center; margin-top:27%; box-sizing:border-box;}
.slider1{ background-image:url(../imagenes/slider1.jpg); width:984px; height:423px; background-repeat:no-repeat;}
.slider2{ background-image:url(../imagenes/slider2.jpg); width:984px; height:423px; background-repeat:no-repeat;}
.slider3{ background-image:url(../imagenes/slider3.jpg); width:984px; height:423px; background-repeat:no-repeat;}
.slider4{ background-image:url(../imagenes/slider4.jpg); width:984px; height:423px; background-repeat:no-repeat;}
.slider5{ background-image:url(../imagenes/slider5.jpg); width:984px; height:423px; background-repeat:no-repeat;}

a.botonblanco {color: #00949a;}
a.botonblanco { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; border:none; -webkit-box-shadow: 0px 3px 8px #757575;  -moz-box-shadow: 0px 3px 8px #757575;  box-shadow: 0px 3px 8px #757575;  font-family: Arial;  font-size: 20px;  background: #e2e4e5;  padding: 10px 26px 10px 26px;  text-decoration: none;  margin-right:4%;  margin-top:6%;
}
a.botonblanco:hover {  background: #cce8f5; text-decoration: none; }
a.botonblanco:active { margin-top:-2px; text-decoration: none; margin-right:4%;  margin-top:6%; }
#separador{ margin: 2% 0;}
hr {border: 0; border-top: 1px solid #9ea7ad; border-bottom: 1px solid #333; height:0; width:100%;}

footer{ background-color:#000; color:#FFF; padding:0% 1%; box-sizing:border-box; margin-top:1%;}
footer ul li{ font-size:0.9em; float:left; margin-right:45px; text-align:center;}
.fontpeque{ font-size:1em; font-style:italic;}


.menu2current a:link{ font-weight:bold; color:#009297;}
#serv_links a:hover{ font-weight:bold; color:#009297; }
#serv_links a:active{ font-weight:bold; color:#009297; }
#serv_links a{ line-height:2em; }

.masgrande{ font-size:1.5em;}

a.tooltips { position: relative; display: inline;}
a.tooltips span { position: absolute; width:140px; color: #FFFFFF; background: #000000; height: 30px; line-height: 30px; text-align: center; visibility: hidden; border-radius: 6px;}
a.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent;}
a:hover.tooltips span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 999;}

#form_container{ background-color:#FFF; width:48%; max-height:550px; height:550px;}



