.clearfix { overflow: auto; zoom: 1; }

body {font-size: 13px; background-color: #cbcbcb; color: #555; line-height: 18px;}
body, .pure-g [class *= "pure-u"], .pure-g-r [class *= "pure-u"] { font-family: 'Arial', Helvetica, sans-serif; }
a {color: #F7B500; text-decoration: none; font-weight: bold;}
a:hover {color: #333;}

.content {max-width: 1100px; margin: 20px auto; background-color: #fafafa; }

header {position: relative; z-index: 100; padding: 10px; border-bottom: 2px solid #F7B500;}
header .languages {position: absolute; width: 35px; height: 80px; top: 1.5em; right: -35px; z-index: 2; overflow: hidden;}
header .languages a img {padding: 0 .2em; margin-bottom: .2em; margin-left: -.7em; display: block; transition: all .3s;}
header .languages a img:hover {margin-left: -.2em;}
header .logo {margin: .5em 0 .5em 2em;}

.ul_menu {list-style: none;margin-top: 4em; text-align: right; margin-right: 2em; font-family: 'Tahoma', Geneva, sans-serif; text-transform: uppercase;}
.ul_menu li {display: inline; padding: 0 1em; }
.ul_menu li a { font-size: 1.1em; font-weight: normal; text-decoration: none; color: #444; padding: 0 5px 5px; color: #666;}
.ul_menu li a:hover, .ul_menu li.selected a {color: #111;}
.ul_menu li.selected a { border-bottom: 3px solid #F7B500;}

.header-mobile {display: none;}
.logo-mobile-img {width: 50%; display: block; margin: 10px auto;}
.languages-mobile {position: absolute; width: 40px; height: 90px; top: 2.5em; right: .5em;}
.mobile-nav { background-color: #F7B500; border-radius: 5px; margin: 0 1em 1em; border: 1px solid #444; }
.mobile-nav .title { color: #fff; text-transform: uppercase; font-weight: bold; padding: 0.5em 1em; display: block; }
.mobile-nav ul { padding: 0; margin: 0; list-style: none; display: none; }
.mobile-nav li { border-bottom: 1px solid #444; }
.mobile-nav li:first-child {border-top: 1px solid #444;}
.mobile-nav li:last-child {border-bottom: 0px solid #444;}
.mobile-nav li a { font-size: 1em; color: #fff; display: block; padding: 0.5em 1em; border-radius: 3px; }

.sidebar { background-color: #f1f1f1; border-radius: 5px; margin: 20px; min-height: 200px; padding: 15px;}
.sidebar .modulo { border-bottom: 1px dotted #444; min-height: 50px; padding: 20px 0; text-align: center; }
.sidebar .modulo h3 {margin-top: 0; font-size: 20px;}
.sidebar .modulo h4 {font-size: 16px; margin: 15px 0;}
.sidebar .modulo p {text-align: justify; margin-bottom: 0;}
.sidebar .modulo .social {font-size: 15px;}
.sidebar .modulo .social.facebook {color: #45619D;}
.sidebar .modulo .social.facebook:hover {color: #333;}
.sidebar .modulo .social.twitter {color: #53A8E8;}
.sidebar .modulo .social.twitter:hover {color: #333;}

/* slider */
#full-width-slider { width: 100%; color: #000; max-height: 350px; border-bottom: 2px solid #F7B500;}
.fullWidth { max-width: 1100px; margin: 0 auto 24px; }

.contenido {padding: 20px;}
.slogan {font-family: 'Georgia', palatino; text-align: justify; line-height: 1.5em;}
.slogan h2 {color: #F7B500;}

.section-title { border-bottom: 1px solid #f7b500; color: #f7b500; font-size: 30px; padding-bottom: 15px;}

.presentacion-grupo {margin: 30px 0;}
.presentacion-grupo h2 {font-size: 30px; line-height: 1.2em; color: #F7B500;}
.presentacion-grupo .presentacion {margin: 10px 0;}
.presentacion-grupo .presentacion .presentacion-actividad {margin: 10px 0; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);  box-sizing: border-box; padding: 11px;}
.presentacion-grupo .presentacion .presentacion-actividad.left {margin-right: 10px;}
.presentacion-grupo .presentacion .presentacion-actividad.right {margin-left: 10px;}
.presentacion-grupo .presentacion .presentacion-actividad a {color: #444; }
.presentacion-grupo .presentacion .presentacion-actividad a .imagen {overflow: hidden;}
.presentacion-grupo .presentacion .presentacion-actividad img {width: 100%; display: block; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.presentacion-grupo .presentacion .presentacion-actividad:hover img {transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.presentacion-grupo .presentacion .presentacion-actividad h3 { font-family: 'Calibri', Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0 5px;}
.presentacion-grupo .presentacion .presentacion-actividad p {font-size: 12px; text-align: justify; line-height: 20px; margin-top: 0; margin-bottom: 0; color: #555; font-weight: normal;}

#gallery-1 { width: 100%; -webkit-user-select: none; -moz-user-select: none;  user-select: none; }
.rsDefault .rsThumb.rsNavSelected {background: #F7B500 !important;}

#mapa {height: 200px; }

.contacto {margin-top: 0; padding: 0 1.1em 1.1em 1.8em;}
.contact-form label {font-size: 1em; color: #0d0d0a; margin-bottom: 1.4em;}
.contact-form input {margin-bottom: 1.4em; width: 100%; font-size: 14px;}
.contact-form textarea {margin-bottom: 1.4em; width: 100%; height: 200px; resize: none; font-size: 14px;}
.contact-form button {background-color: #444; color: #FFFFFF; margin-right: 0;}
.contact-form button:hover {background-color: #F7B500;}
.contact-form .actions {text-align: right; }
.instrucciones {margin-top: 30px; font-family: 'Georgia', palatino; text-align: justify; line-height: 1.5em;}

footer {line-height: 40px; clear:both; border-top: 1px solid #ddd; background-color: #f7f7f7;}
footer .legal {float: left; margin-left: 2em;}
footer .developed {float:right; margin-right: 2em;}

@media screen and (min-width:960px) and (min-height:660px) {
  .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 350px !important; }
}

@media screen and (min-width:960px) and (min-height:1000px) {
    .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 350px !important; }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
  .royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow { height: 300px !important; }
}

@media screen and (max-width: 950px) {
	.ul_menu li {padding: 0 1em;}
}

@media screen and (max-width: 865px){
	.ul_menu li {padding: 0 .5em;}
}

@media screen and (max-width: 780px){
	header {display: none;}
	.header-mobile {display: block; overflow: hidden;}
}

@media screen and (max-width: 850px){
	.slogan h1 {font-size: 2em;}
}

@media screen and (max-width: 600px){
	.slogan h1 {font-size: 1.5em;}
}

@media screen and (max-width: 500px){
	.more-link span a {font-size: .9em;}
	.languages-mobile {right: 0; top: 30px;}
	.languages-mobile a img {max-width: 27px;}
}

@media screen and (max-width: 450px){
	footer {font-size: .9em; line-height: 1.5em;}
    footer .legal {float: none; text-align: center; margin: 0 auto;} 
    footer .developed {float: none; text-align: center; margin: 0 auto;}
}

@media screen and (max-width:1100px){
	header .languages {right: -3px; top: 6px; width: 35px;}
	header .languages a img { margin-left: 0; max-width: 25px;}
}