body{
font-family:Georgia, Times New Roman;
background-color:#FFF

}
h1,h2{
font-size:30px

}
h3{
font-size:18px

}
h4{
font-size:16px

}
p{
color:#777;
line-height:normal

}
a{
color:#666;
text-decoration:none

}
a:hover{
color:#67BFED;
text-decoration:none

}
img{
border:0

}
.tituloprincipal{
width:100%;
margin:20px auto 0;
display:block;
text-align:center;
color:#333

}
.h1{
color:#666

}
.botones-centrados{
width:135px;
margin:0 auto 35px;
display:block;
border-radius:5px;
background-color:#67BFED;
padding:15px 25px;
color:#fff;
text-align:center;

}
.botones-centrados:hover{
background-color:#666;
color:#fff;
text-decoration:none

}
.top-bar{
background-color:#343539;
height:40px;
width:100%;
text-align:right;

}
.top-bar h1{
font-family:Georgia,Times New Roman,serif;
font-style:italic;
font-weight:700;
font-size:14px;
color:#CCC;
float:left;
margin-top:12px;
margin-left:15px;

}
.red-bar{
height:20px;
width:100%;
text-align:right;
margin-top:0px

}
.container-first h4{
font-family:Georgia,Times New Roman,serif;
font-size:13px;
color:#666;
margin-top:8px;
text-align:center

}
@media screen and (max-width:600px){
.top-bar{
background-color:#343539;
height:40px;
width:100%;
text-align:center

}
.top-bar h1{
display:none

}
.section-title h1{
padding:5px;
text-align:center;
font-size:28px;
}
.section-title h2{
padding:5px;
text-align:center;
font-size:28px;
}
.container-first h4{
font-family:Georgia,Times New Roman,serif;
font-size:13px;
color:#666;
margin-top:8px;
text-align:left;

}
}
.my-addthis{
width:160px;
margin:0 auto

}
header{
margin-top:15px

}
.container-nav{
margin:0 auto

}
.section-title{
padding-bottom:5px;
text-align:center

}
#textofoto{
margin-top:50px;
margin-left:25px;
float:left;
position:absolute;
font-family:Georgia,Times New Roman,serif;
font-weight:700;
font-style:italic;
font-size:24px;
color:#FFF

}
.section-title h1{
padding:5px;
text-align:center;
font-size:30px;
}
.section-title h2{
padding:5px;
text-align:center;
font-size:30px;
}

.section-title p{
font-size:20px

}
#toTop{
z-index:90;
display:none;
text-decoration:none;
position:fixed;
bottom:0;
right:10px;
overflow:hidden;
width:48px;
height:48px;
border:none;
text-indent:100%;
background:url(../images/arrow_up.png) no-repeat center

}
#toTop:active,#toTop:focus{
outline:0

}
#imagen-grande{
background-color:#000;

}
#imagen-grande img{
width:100%;
max-width:1600px;
height:auto;
margin: 0px auto;
display:block;


}
#imagen-chica img{
display:none;
margin:0

}
@media screen and (max-width:400px){
#imagen-grande img{
display:none;
margin:0

}
#imagen-chica img{
width:100%;
margin: 0px auto;
display:block

}
.section-title h1{
padding:5px;
text-align:center;
font-size:25px;
}
.section-title h2{
padding:5px;
text-align:center;
font-size:25px;
}

}
.container-first{
padding-top:35px;
padding-bottom:25px

}
.container-first hr{
border:1px inset #eee;
height:1px;
width:80%

}
.container-first{
width:97%;
margin:0 auto;
overflow:hidden;
display:block;
padding-left:12px

}
@media screen and (min-width:1275px){
.container-first{
width:85%;
margin:0 auto;
overflow:hidden;
display:block;
padding-left:12px

}


}
.container-first h1{
color:#000

}
.container-first h2{
color:#FFF

}
.first-5col{
width:15%;
float:left;
position:relative;
margin-left:3.5%;
margin-bottom:10px

}
.first-5col img{
width:100%;
max-width:135px;
min-width:80px;
max-height:165px;
min-height:56px;
display:block;
margin-left:auto;
margin-right:auto

}
.first-5col h3{
font-family:Georgia,Times New Roman,serif;
font-size:20px;
color:#666;
margin-top:8px;
text-align:center

}
.first-5col h3 a{
color:#eee;
text-decoration:none

}
.first-5col h3 a:hover{
color:#FFF;
text-decoration:none

}
@media screen and (max-width:600px){
.container-first{
margin-top:-30px

}
.first-5col{
width:95%;
margin:0 auto;
overflow:hidden;
display:block

}
.first-5col img{
float:left;
margin-right:5px;
max-width:80px;
margin-bottom:5px;
display:block

}
.container-first h1{
font-size:20px

}
.first-5col h3{
font-family:Georgia,Times New Roman,serif;
font-size:18px;
color:#666;
margin-top:20px;
text-align:left;
display:block

}


}
.container-disfruta{
width:100%;
margin:0 auto ;
overflow:hidden;
display:block;
background:url('../images/background-2.jpg') ;
background-color:#48B1EA;
padding-top:20px;
padding-bottom:25px

}
.container-disfruta h2{
color:#fff;

}
.container-beneficios{
padding-left:4%;
width:95%;
margin:0 auto;
display:block;
overflow:hidden

}
.beneficios-4col{
width:28%;
float:left;
position: relative;
margin-left: 1.5%;
margin-right: 1.5%;
padding: 5px;

}
.beneficios-4col img{
max-width:138x;
min-width:60px;
max-height:138px;
min-height:56px;
display:block;
margin-left:auto;
margin-right:auto

}
.beneficios-4col h3{
font-family:Georgia,Times New Roman,serif;
font-size:20px;
color:#fff;
margin-top:20px;
text-align:center

}
.beneficios-4col p{
font-family:Georgia,Times New Roman,serif;
font-size:14px;
color:#fff;
margin-top:20px;
text-align:justify;
font-style:oblique;
line-height:160%

}
#bordecito{
border-left: 1px solid #fff; 
width:1px; 
height:210px; 
float:left;
margin-top: 5px;
}
@media screen and (max-width:625px){
.beneficios-4col{
width:95%;
margin:0 auto;
overflow:hidden;
display:block

}
#bordecito{
border-bottom:1px solid #fff;
width:95%;
height:1px;
float:left;
margin-top:5px;
margin-bottom:10px;
text-align:center

}
.container-disfruta{
background:url('../images/background-2mobile.jpg') ;
background-color:#48B1EA;
margin-top:-20px;
margin-bottom:0px;
}

}
.container-disclaimer{
background-color:#48B1EA;
padding-top:15px;
padding-bottom:15px;
width:100%;
margin:0 auto;
overflow:hidden;
font-family:Arial,sans serif;
font-size:12px;
text-align:center;
color:#fff;
line-height:160%


}
.container-cintillo{
width:100%;
height:auto;
display:block;
margin:0 auto;
background-color:#ED1C24

}
.cierre-left{
width:50%;
float:left;
display:block;
background-color:#171411;
text-align:right

}
.cierre-left img{
width:100%;
max-width:544px;
max-height:94px

}
.cierre-right{
width:50%;
float:right;
display:block;
background-color:#171411;
text-align:left

}
.cierre-right img{
width:100%;
max-width:544px;
max-height:94px

}
.colorred {
font-size:20px;
color:#666

}

