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


body{ margin:0px; font-family: Verdana, Geneva, sans-serif;
}

.left{ float:left;}
.right{ float:right;}

.wMain{ width: 1024px; margin:0px auto;}
.wMain2{ width: 1224px; margin:0px auto;}
.w50{ width: 49%;} .w70{ width: 69%;} .w80{ width: 85%;} .w30{ width: 29%;} .w20{ width: 24%;} .w40{ width: 39%;} .w47{ width: 47%;} .w100{ width: 100%;}  .w77{ width: 77%;} .w22{ width: 22%;}

.clr{ clear:both;}

#linea1{background-color:#293364; height:120px;}
.menu{ color:#FFF; padding-right:1%; margin-top:40px; font-family:'good_timesregular'; font-size:14px;} 
.menu a{ color:#FFF; text-decoration:none;} .menu a:hover{border-bottom:#FFF 2px solid;}
#linea2{background-color:#FFF; height:5px;}
#linea3{background-color:#293364;; height:5px;} #linea31{background-color:#293364;; height:5px; margin-top:60px;}
#linea4{background-color:#EEE;height:250px;}
#linea5{background-color:#293364;}
.azul{color:#293364; font-family:'good_timesregular';} .centro{ text-align:center; font-size:17px;}
.enca{ margin-left:6%;}
.timE{font-family:'good_timesregular'; font-size:20px; color:#293364;}
.timE2{font-family:'good_timesregular'; font-size:30px; color:#293364;}
.textc{ text-align:center;}

#cuadro1{ background-color:#EEE;text-align:justify; padding:8px; height:247px;} 
#cuadro2{ background-color:#EEE;text-align:justify; margin-left:4%; padding:8px;}
#cuadro3{ background-color:#EEE;text-align:justify; padding:8px;height:247px;}
#cuadro1:hover{ background-color:#CCC; border-radius:20px;} 
#cuadro2:hover{ background-color:#CCC; border-radius:20px;}
#cuadro3:hover{ background-color:#CCC; border-radius:20px;}
.blanco{color:#FFF; text-decoration:none;}
.cm1{ margin:0px 0px 0px 0px;}
.m{margin: 100px 0px 0px 0px;}





.dire{ color:#FFF;font-family:'good_timesregular'; font-size:12px;}
.design {font-size:9px; color:#FFF;font-family:'good_timesregular';}.design a{ color:#FFF;}
.viñ{ list-style-image:url(../images/azul.png); text-align:justify;}
.mar{ padding:80px 0px 0px 0px;}
.rese{ font-size:13px; color:#293364;}
h2{font-family:'good_timesregular'; padding:0px; margin:0px; color:#293364; font-size:18px;}








.co img {
border-radius: 50%; /* Borde redondeado */
box-shadow: 0px 0px 15px #000; /* Sombra */
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.co img:hover {
box-shadow: 0; /* Con esto eliminamos la sombra */
border-radius: 0; /* Con esto eliminamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}


.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px; text-align:center;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px; text-align:center;}


@font-face {
    font-family: 'good_timesregular';
    src: url('../fonts/good_times_rg-webfont.eot');
    src: url('../fonts/good_times_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/good_times_rg-webfont.woff2') format('woff2'),
         url('../fonts/good_times_rg-webfont.woff') format('woff'),
         url('../fonts/good_times_rg-webfont.ttf') format('truetype'),
         url('../fonts/good_times_rg-webfont.svg#good_timesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .form label{ 
    color: #222222; 
    font-size: 13px; 
    display: block; 
} 
.form input[type=radio], input[type=checkbox]{ 
    margin: 10px; 
    width: 13px; 
} 

.form div{ 
    display: block; 
} 

.form input, form textarea, form select{ 
    border-width: 1px; 
    border-style: solid; 
    border-color: #666666; 
    border-radius: 20px; 
    padding: 5px; 
    width: 100%; 
}
  
  
  
  
{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

h1 {
	margin: 5em 0;
	text-align: center;
}

#container {
    margin: 0 auto;
    width: 100%;  /* Ancho del contenedor */
}

#container input {
	height: 2.5em;
	visibility: hidden;
}

#container label {
	background: #f9f9f9;  /* Fondo de las pestañas */
	border-radius: .25em .25em 0 0;
	color: #888;  /* Color del texto de las pestañas */
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1em;  /* Tamaño del texto de las pestañas */
	height: 2.5em;
	line-height: 2.5em;
	margin-right: .25em;
	padding: 0 1.5em;
	text-align: center;
}

#container input:hover + label {
	background: #ddd;  /* Fondo de las pestañas al pasar el cursor por encima */
	color: #666;  /* Color del texto de las pestañas al pasar el cursor por encima */
}

#container input:checked + label {
	background: #f1f1f1;  /* Fondo de las pestañas al presionar */
	color: #444; /* Color de las pestañas al presionar */
	position: relative;
	z-index: 6;
	/*
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	*/
}

#content {
	background: #f1f1f1;  /* Fondo del contenido */
	border-radius: 0 .25em .25em .25em;
	min-height: 27em;  /* Alto del contenido */
	position: relative;
	width: 100%;
	z-index: 5;
}

#content div {
	opacity: 0;
	padding: 1.5em;
	position: absolute;
	z-index: -100;
	/*
	transition: all linear 0.1s;
	*/
}
/*#content div div.analisis{
	opacity: 1;
	padding: 1.5em;
	position: relative;
	z-index: 1;
	height:300px;
	/*
	transition: all linear 0.1s;
	*/
}*/

#content-1 p {
	clear: both;
	margin-bottom: 1em;
}
#content-1 p.left img {
	float: left;
	margin-right: 1em;
}
#content-1 p.last {
	margin-bottom: 0;
}

#content-2 p {
	clear: both;
	margin-bottom: 1em;
}
#content-2 p.column-right {
	margin-left: 3%;
}
#content-2 p img {
	display: block;
	margin: 0 auto 1em auto;
}
#content-3 p,
#content-3 ul {
	margin-bottom: 1em;
}
#content-3 ul {
	margin-left: 2em;
}

#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3 {
    opacity: 1;
    z-index: 100;
}

input.visible {
  visibility: visible !important;
}  
  
 

.efec{
border-radius: 50% 0; /* Borde redondeado */
box-shadow: 0px 0px 15px #000; /* Sombra */
padding:2px; /* Espacio entre la imagen y el borde */
background:#FFF; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.efec:hover {
border-radius:0; /* Con esto quitamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}


#map_canvas {
	margin: 0px 0px 0px 0px;
	height:450px;
	width:100%;
	background:#FFF;
	border:5px #A3A3A3 solid;
}
#map_canvas {
	color:#000;
}
#map_canvas a{
	color:#333;
}
#logo{margin:20px 0px 0px 0px;}
.rota1{ display:block;}
.rota2{ display:none;}


.ls-preloader {  
  background: url(../images/loading.gif) #f2f2f2 no-repeat center 50%;
  opacity:1;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}

/*** Containers ***/
.ls-wrapper {
  clear: both;
  overflow: auto;
  position: relative;
}
.liquid-slider {
  background: #f2f2f2;
  width: 600px;
  margin: 0 auto;
  float: left;
  overflow: hidden;
  position: relative;
}
.arrows .liquid-slider {
  /* Margin between slider and arrows */
  margin: 0 10px;
}
.ls-responsive .liquid-slider {
  width: 100%;
  margin: 0;
}
.panel-container {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  /* from http://davidwalsh.name/translate3d */
}
.liquid-slider .panel-container .fade {
  width:100%;
  opacity: 0;
  position: absolute;
  top: 0; 
  left: 0;
  display: block;
}

/*** Panels ***/
.liquid-slider .ls-panel {  
  width: 600px;
  display: block;
  float: left;
}
.panel-wrapper {  
  padding: 15px 40px;
  position:relative;
}

/*** Tabbed Navigation ***/
.ls-nav {
  overflow:hidden;
  clear:both;
  font-family:'good_timesregular'; padding:0px; margin:0px; color:#293364; font-size:18px;
}
.ls-nav a {
  background: #d8d8d8;
  color: #293364;
  margin-right: 1px;
  padding: 10px 15px;  
  outline:0;
}
.ls-nav a:hover {
  background: #f2f2f2;
  color: #333333;
  text-shadow: none;
}
.ls-nav .current a {
  background: #f2f2f2;
}
.currentCrossLink {
  font-weight: bold;
}
.ls-nav ul {  
  padding:0;
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
}
.ls-nav ul li {
  display: inline;
}
.ls-nav ul li a {
  display: block;
  float: left;
  text-decoration: none;
}

/*** Mobile Navigation ***/
.ls-select-box { 
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(../images/menu.png) no-repeat right #ddd;
}
.ls-select-box select {  
  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor:pointer;
  outline: 0;
}

/*** Arrow Navigation (non-graphical) ***/
.ls-nav-left, .ls-nav-right {
  top:0;
  float: left;
  clear:both;
}
.ls-nav-left a, .ls-nav-right a {
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  display: block;
  text-align: center;
  text-decoration: none;
}
.ls-responsive .ls-nav-left {
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-left a {
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-left a:hover {
  background: #747474;
}
.ls-responsive .ls-nav-right {
  position: absolute;
  right: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right a {
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-right a:hover {
  background: #747474;
}

/*** Arrow Navigation (graphical) ***/
.ls-nav-left-arrow, .ls-nav-right-arrow {
  cursor: pointer;
  float: left;
  clear: both;
}
.ls-nav-left-arrow a, .ls-nav-right-arrow a {
  display: block;
}
[class$="-arrow"] {
  width: 25px;
  height: 25px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  margin-top: 50px;
  position:relative;
}
.ls-nav-right-arrow {
  background-position: top right;  
  margin-right: 5px;
}
.ls-nav-left-arrow {
  background-position: top left;  
  margin-left: 5px;
}
.ls-nav-left-arrow:hover {
  background-position: bottom left;
}
.ls-nav-right-arrow:hover {
  background-position: bottom right;
}
.ls-responsive .ls-nav-left-arrow {
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right-arrow {
  position: absolute;
  right: 0;
  z-index: 2;
}

.serv img {
border-radius: 45% / 20%; /* Borde redondeado */
box-shadow: 0px 0px 15px #000; /* Sombra */
padding:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.serv img:hover {
border-radius: 0; /* Con esto eliminamos el borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}


.marcoc img {
padding:10px; /* Espacio entre la imagen y el borde */
background:#FFF; /* Color de fondo que se ve entre el espacio */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
margin-right:10px;
box-shadow: 0px 0px 15px #000; /* Sombra */
}
.marcoc img:hover {
border-radius: 0% 50%; /* Borde redondeado */
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {

     .wMain{width:90%;}
	 .wMain2{ width: 90%;}
	 #linea1{background-color:#293364; height:220px;}
	 .w77{ width: 90%;} .w22{ width: 90%;}
	#logo{width:100%; margin:0px 0px 0px 0px; z-index:0;}
	.menu{ text-align:center; color:#FFF; margin-right:0px; margin-top:0px; font-size:16px; font-family:'good_timesregular'; background-color:#293364; width:100%; z-index:1;} 
	.menu a{ color:#FFF; text-decoration:none;} .menu a:hover{border-bottom:#FFF 2px solid;}
	.centro{ margin-left:0px; font-size:16px;}
	.tm{font-size:11px;}
	.rota1{ display:none;}
.rota2{ display:block;}
	

}