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


body{
font-family: 'Open Sans', sans-serif;
margin:0 auto;	
}

#top_navbar{
width:100%;
height:auto;
overflow:auto;
background-color:#27519b;	
padding:5px 0;
}

.general_wrapper{
width:960px;
height:auto;
margin:auto;	
}

.dest_blue{
color:#27519b;
font-weight:400;		
}

#redes_sociales{
width:auto;
height:auto;
float:right;
overflow:auto;	
}

#redes_sociales ul{
list-style-type:none;	
}

#redes_sociales ul li{
float:left;
margin-left:15px;
margin-top:10px;
}

#redes_sociales ul li a{
color:#27519b;
font-size:14pt;
display:block;
border-radius:50%;
background-color:white;
width:30px;
height:30px;
text-align:center;
}

#menu_nav{
width:100%;
height:auto;
background-color:#27519b;
overflow:auto;
font-size:10pt;
}

#menu_nav ul{
list-style-type:none;	
}

#menu_nav ul li{
float:left;
padding:15px 25px;
margin-top:-15px;
}

#menu_nav ul li:hover{
background-color:#293d60;	
}

#menu_nav ul li a{
color:white;
text-decoration:none;	
}

#login_menuee{
width:235px;
height:auto;
border-radius:5px;
background-color:#dfe4eb;
box-sizing:border-box;
padding:20px 0 0 0;	
margin-top:30px;
float:left;
}

#login_menuee input{
width:180px;
height:20px;
margin-bottom:10px;
margin-left:20px;
box-sizing:border-box !important;	
}

#login_menuee button{
width:180px;
background-color:#27519b;
text-align:center;
color:white;
padding:8px 0px;
border:none;
margin-left:20px;
cursor:pointer;
margin-bottom:6px;	
}

#login_menuee h2{
width:inherit;
height:auto;
background-color:#293d60;	
padding:10px 0;
color:#dfe4eb;
font-size:13pt;
text-align:center;	
margin-bottom:-15px;
}

#menuee_wrapper{
list-style-type:none;	
}

#menuee_wrapper li{
width:inherit;
background-color:#27519b;
padding:15px 0;
margin-left:-40px;
text-align:center;
}

#menuee_wrapper li:hover{
background-color:#293d60;		
}

#menuee_wrapper li a{
color:white;
text-decoration:none;
font-size:10pt;	
}

#container_wrapper{
width:700px;
height:auto;
float:right;
margin-top:15px;
margin-bottom:30px;
overflow:auto;
color:#555353;
text-align:center;	
}

#container_wrapper2{
width:700px;
height:auto;
min-height:500px;
float:right;
margin-top:35px;
margin-bottom:30px;
overflow:auto;
color:#555353;
text-align:center;	
background-color:white;
border-radius:10px;
border:1px dotted #959292;
box-sizing:border-box;
padding:40px 40px;
}

#container_wrapper p{
font-size:11pt;	
}

#container_wrapper h1{
font-weight:300;
text-align:center;	
line-height:30pt;
margin-top:30px;
color:#27519b;	 
}

#container_wrapper h1 span{
font-weight:bold;
font-size:32pt;
color:#27519b;	
}

.logo_holder{
width:100px;
height:100px;
margin:10px 5px;
float:left;
border:1px dotted #7BC6F1;	
}

#footer_wrapper{
width:100%;
height:auto;
overflow:auto;
font-size:11pt;
background-color:#27519b;	
float:left;
}

#footer_wrapper ul{
list-style-type:none;
float:left;
margin-left:15px;	
}

#footer_wrapper ul li{
color:white;	
}

#footer_wrapper ul li a{
color:white;
text-decoration:none;	
}

.contacto_col{
margin-top:40px;
float:right !important;	
}

#texto_legal{
width:100%;
height:auto;
padding:10px 0;
text-align:center;
color:#C3D1D8;
font-size:10pt;
float:left;
background-color:#293d60;		
}

.cont_superior{
width:inherit;
box-sizing:border-box;
padding:10px 0;
overflow:auto;
text-align:center;			
}

.cont_inferior{
width:inherit;
box-sizing:border-box;
padding:10px 0;
overflow:auto;	
text-align:center;	
}


.col_izq{
width:200px;
height:auto; 
float:left; 
text-align:right;
margin-top:100px;
z-index:10;
position:absolute;
}

.col_izq2{
width:350px;
height:auto;
float:left;
text-align:center;	
}

.col_der{
width:640px;
height:auto;  
overflow:hidden;
text-align:center;
z-index:1;
}

.col_der2{
width:350px;
height:auto;
float:right;
text-align:center;	
}

.item_flot{
float:left;
margin-right:70px;	
width:120px;
height:120px;
}

.last_item{
margin-right:0px !important;		
}

.sec_wrapper{
width:690px;
height:auto;
margin:30px 0px;	
overflow:auto;
}

.sec_wrapper img{
display:block;
float:right;	
}

.cont_blanc{
width:330px;
height:193px;
box-sizing:border-box;
padding:20px;
/*background-color:#D0D0D0;*/
background-color:white;
border-radius:10px;
border:1px dotted #ADADAD;	
float:left;

}

.seg_bot{
width:300px;
text-align:center;
padding:5px 0;
display:block;
background-color:#27519b;
border-radius:5px;
color:white;
text-decoration:none;
font-size:10pt;	
}

.cont_blanc2{
width:330px;
height:290px;
box-sizing:border-box;
padding:15px;
/*background-color:#D0D0D0;*/
background-color:white;
border-radius:10px;
border:1px dotted #ADADAD;	
float:left;

}

.cont_image{
width:100%;
background-repeat:no-repeat;
height:auto;
overflow:auto;	
}

.page1{
background-image:url(../images/background.jpg);	
}

.page2{
background-image:url(../images/background2.jpg);	
}

.page3{
background-image:url(../images/background3.jpg);
background-color:#f1f1f1;	
}

.page4{
background-color:#f1f1f1;	
}

.pagehv{
background-image:url(../images/backgroundhv.jpg);
background-color:#f1f1f1;	
}

.magnify {
  width: 300px;
  margin: 50px auto;
  position: relative;
}

/*Lets create the magnifying glass*/

.large {
  width: 175px;
  height: 175px;
  position: absolute;
  border-radius: 100%;
  /*Multiple box shadows to achieve the glass effect*/
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),  0 0 7px 7px rgba(0, 0, 0, 0.25),  inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  /*Lets load up the large image first*/
  background: url('../images/mapa_large.png') no-repeat;
  /*hide the glass by default*/
  display: none;
}

/*To solve overlap bug at the edges during magnification*/

.small { display: block; }

#slider_css{
width:531px;
height:197px;
margin:auto;
overflow:hidden;
}

#slider_css ul{
padding:0;	
display:flex;
width:500%;

animation:cambio 25s infinite;
}

#slider_css ul li{
list-style:none;
float:left;
width:100%;	
}

#slider_css ul li img{
width:100%;	
}

@keyframes cambio{
0%{margin-left:100%;}

5%{margin-left:0;}	
17%{margin-left:0;}	

22%{margin-left:-100%;}	
37%{margin-left:-100%;}

42%{margin-left:-200%;}	
57%{margin-left:-200%;}

62%{margin-left:-300%;}	
77%{margin-left:-300%;}

82%{margin-left:-400%;}	
100%{margin-left:-400%;}			
}