@charset "utf-8";
/* CSS Document */

.labcla {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 3px #000;
}

body {
width:100%;
height:100%;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
color:#212121;
background: url(../images/bgd_grl.png) top center repeat-x;	
margin:0;
}

html {
width:100%;
height:100%;
margin:0;
padding:0;	
}

h1 {
font-family: 'Changa One', cursive;
font-size:31px;
color:#008f8a;	
line-height:25px;
text-transform:uppercase;
}

h2 {
font-family: 'Changa One', cursive;
font-size:31px;
color:#FFFFFF;	
text-transform:uppercase;
}

h3 {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:22px;
color:#008f8a;	
text-transform:uppercase;
font-weight:normal;
}

h4 {
font-family: 'Changa One', cursive;
font-size:31px;
color:#ff0000;	
line-height:25px;
text-transform:uppercase;
}

h5 {
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:22px;
color:#ff0000;	
text-transform:uppercase;
font-weight:normal;
}

h6 {
font-family: 'Changa One', cursive;
font-size:20px;
color:#008f8a;	
text-transform:uppercase;
padding:0;
margin:0;
}


.txt_comun {
width:100%;
background:#D9D9D9;
padding:15px;
box-sizing:border-box;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:12px;
color:#313131;
text-align:justify;
display:table;
margin:3px 0px;	
}


a {
text-decoration:none;	
}

#wrapper {
 width:93.75%;
 max-width:960px;
 display:table;
 margin:0 auto;	
}

header {
width:100%;
height:auto;
display:table;
	
}



/* SLIDER */

.container {
 width:960px;
 height:340px;
 margin:0 auto;	
 display:table;
}

#slides {
 width:960px;
 height:340px;	
}

.slidesjs-previous {
 width:25px;
 height:90px;
 display:inline-block;
 float:left;
 margin-left:20px;
 overflow:hidden;
 position:relative;
 top:-190px;
 z-index:150;
 text-indent:-500px;
 background: url(../images/btn_prev.png) center top no-repeat;	
}

.slidesjs-next {
 width:25px;
 height:90px;
 display:inline-block;
 float:right;
 margin-right:20px;
 overflow:hidden;
  position:relative;
 top:-190px;
 z-index:150;
 text-indent:-500px;
 background: url(../images/btn_next.png) center top no-repeat;	
}

.slidesjs-pagination {
 width:960px;
 height:30px;
 background:#ceac44;
 padding:0;
 margin:0;	
}

.slidesjs-pagination li{
 display:inline;
 float:left;
 list-style:none;
 
 
}


.slidesjs-pagination li a{
 width:auto;
 height:30px;
 line-height:30px;
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 color:#4a5224;
 text-align:center;
 display:block;
 font-weight:bold;
 padding:0px 10px;
 
}

.slidesjs-pagination li a:hover{
 background:#4a5224;
 color:#ceac44;

 
}

.slidesjs-play, .slidesjs-stop {
 display:none !important;	
}

/* TERMINA SLIDER */


#logo_menu {
 width:960px;
 height:90px;
 display:table;
 margin:0 auto;
 margin-top:2px;
}

#logo_header {
width:231px;
height:73px;
display:inline;
float:left;
background:url(../images/logo_header.png) top left no-repeat;	
margin-right:50px;
}

#logo_header a{
width:231px;
height:73px;
display:block;
text-indent:-800px;
overflow:hidden;
}


#logo_menu .nav {
width:auto;
height:90px;
display:inline;
float:left;	
padding:0;
margin:0;
}

#logo_menu .nav li{
width:auto;
height:90px;
display:inline;
float:left;	
list-style:none;

}

#logo_menu .nav li a{
width:auto;
height:90px;
display:block;
color:#d2d2d2;
font-size:12px;
line-height:90px;
text-align:center;
padding:0 15px;
	-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:#000000;
}

#logo_menu .nav li a:hover {
  background:#d00f3b;
}

.portada_3 {
width:93.75%;
max-width:960px;
height:auto;
display:table;
margin:0 auto;	
}

.portada_3 article{
width:31%;
max-width:320px;
height:auto;
display:inline;
float:left;
text-align:justify;
line-height:16px;
margin:0 10px;
box-sizing:border-box;
padding-bottom:86px;
background:url(../images/pie_txts.png) center bottom no-repeat;
background-size:95%;
}

.banner_inferior_portada {
width:931px;
height:342px;
margin:0 auto;
background:url(../images/bgd_display_green.png);
color:#FFFFFF;
padding:45px 100px 0 215px;
box-sizing:border-box;
font-size:23px;
text-align:justify;
}


footer {
width:100%;
height:auto;
display:table;	
background:#000000;
}

#footer_content {
width:960px;
max-width:960px;
height:140px;
display:table;
margin:0 auto;
padding-top:30px;
box-sizing:border-box;
}

.info_footer {
width:150px;
display:inline;
float:left;
color:#ff3366;
font-size:12px;	
}

.logo_footer {
width:231px;
height:73px;
display:inline;
float:left;	
margin-left:200px;
}

.logo_footer a{
width:231px;
height:73px;
display:block;
text-indent:-800px;
overflow:hidden;
background:url(../images/logo_header.png) top center no-repeat;
}

.redes_footer {
width:150px;
display:inline;
float:right;	
}

.redes_footer a.facebook_btn {
width:18px;
height:40px;
display:inline;
float:left;	
text-indent:-800px;
overflow:hidden;
margin:10px 10px;
-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:url(../images/icon_facebook_white.png) top center no-repeat;
  background-size:85%;
}

.redes_footer a.facebook_btn:hover {
-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:url(../images/icon_facebook_pink.png) top center no-repeat;
  background-size:100%;
}

.redes_footer a.twitter_btn {
width:50px;
height:40px;
display:inline;
float:left;	
text-indent:-800px;
overflow:hidden;
margin:10px 10px;
-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:url(../images/icon_twitter_white.png) top center no-repeat;
  background-size:85%;
}

.redes_footer a.twitter_btn:hover {
-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background:url(../images/icon_twitter_pink.png) top center no-repeat;
  background-size:100%;
}

#left_content {
width:65%;
height:auto;
display:inline;
float:left;	
}

#right_content {
width:30%;
height:auto;
display:inline;
float:right;	
}


#mapa_ubicaciones {
width:89.84%;
max-width:920px;
height:400px;
display:table;
margin:0 auto;	
overflow:hidden;
}

/* FORMULARIO CONTACTO */


fieldset {
 border:none;
 outline:none;	
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.contact_form label {
 display:block;
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
 font-size:14px;
 padding:10px 0px;
 margin:0px;	
 color:#424242;
}


.contact_form input[type="text"] {
 width:300px;
 height:30px;
  border:none;
 outline:none;
 border-radius:2px;
  box-sizing:border-box;
 padding:3px;
 padding-left:35px;
 
}

.contact_form input[type="text"]:focus {
 width:300px;
 height:30px;
 border:none;
 outline:none;
 background:#eaeaea;
 box-sizing:border-box;
 padding:3px;
  padding-left:35px;
}

.contact_form input[type="password"] {
 width:300px;
 height:30px;
  border:none;
 outline:none;
 border-radius:2px;
  box-sizing:border-box;
 padding:3px;
 padding-left:35px;
}


.contact_form textarea {
  width:95%;
 height:170px;
  border:none;
 outline:none;
 border-radius:2px;
  box-sizing:border-box;
 padding:3px;
 background:#D9D9D9;
}

.contact_form textarea:focus {
 width:95%;
 height:170px;
 border:none;
 outline:none;
 background:#eaeaea !important;
 box-sizing:border-box;
 padding:3px;
}

#Nombre_form {
 background:#D9D9D9 url(../images/name_icon.png) left top no-repeat;	
}

#dir_form {
 background:#D9D9D9 url(../images/dir_icon.png) left top no-repeat;	
}

#pass_form {
 background:#D9D9D9 url(../images/pass_icon.png) left top no-repeat;	
}

#correo_form {
 background:#D9D9D9 url(../images/mail_icon.png) left top no-repeat;	
}

#tel_form {
 background:#D9D9D9 url(../images/tel_icon.png) left top no-repeat;	
}

.contact_form input[type="submit"] {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 7px 8px;
	background: #ff0000;
	border: 0;
	font-weight: bold;
	color: #FAFBF9;
	display:table;
}
.contact_form input[type="submit"]:hover {
	background: #860000;
	cursor:pointer;
}



/* TABLA UBICACIONES */

table {
   border-collapse:collapse;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   box-shadow: 0 1px 5px #999999;
   box-sizing:border-box;
   margin-top:20px;
}


table tr.table_header {
   background:#ff0000;
   color:#FFFFFF;	
   font-weight:bold;
}




table.sortable tbody tr.lista:hover {
   background:#FDE9AA;
}

table.sortable tbody tr.lista td:hover {
   background:#fef2cb;
   color:#333;
}



table.sortable thead{
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#333333;
   font-weight:bold;
   background:#999999;
}

table.sortable thead td{
    background:url(images/arrow_td_rows.png) right bottom no-repeat;
}

table.sortable thead td:hover{
	background-color:#666666;
    cursor:pointer;
}

table,th, td {
   border: 1px solid #CCC;
}

table tr td {
   padding:10px 5px 3px 0;
   text-indent:8px;
   width:auto;
}

table tr td:first-child {
   background:#666;
   color:#CCCCCC;
}


table tr td:nth-child(1), table tr td:nth-child(2), table tr td:nth-child(3) {
   text-align:center;	
}

span#sorttable_sortfwdind, span#sorttable_sortrevind {
   color:#CCC;	
}

table tr td.cd {
   padding:10px 5px 3px 0;
   text-indent:8px;
   max-width:70px;
}

table tr td.referencia {
   padding:10px 5px 3px 5px;
   text-indent:0px;
   max-width:150px;
  
}

table tr.table_header:hover {
   background:#000;
   color:#F90;	
   font-weight:bold;
}
table tr td a {
   display:block;
   color:#333333;
   text-decoration:none;
}

table.sortable tr:nth-child(even) {
	background: #efeeee;
}