/************************************************************************************
RESET CSS
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
img, fieldset {border: 0;}
img {height: auto;width: auto\9; /* ie8 */}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;margin: 0;}

/************************************************************************************
ESTILOS GENERALES
*************************************************************************************/
body {font: .81em/150% Arial, Helvetica, sans-serif;color: #666;}
a {color: #026acb;text-decoration: none;outline: none;}
a:hover {text-decoration: none;}
p {margin: 0 0 1.2em;padding: 0;}
ul, ol {list-style:none;}
h1, h2, h4, h5, h6 {line-height: 1.4em;margin: 20px 0 .4em;color: #000;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
input[type=search] {-webkit-appearance: none;outline: none;}

/* - - - - - - - - - - - - - - -  HEADER  - - - - - - - - - - - - - - - */
#header {position: relative;height:125px;}
#content_header{background: #fff;padding-top:5px;width: 1000px;margin:0 auto;}
#logo {float:left;width:120px;height:120px;margin-right:10px;}
#social {float:left; width:55px; margin-left:15px;}
#social-responsive {display:none;}
#content-logo{width:100%; text-align:center;}
/* - - - - - - - - - - - - - - -  HEADER  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  MENU  - - - - - - - - - - - - - - - */
#main_menu {float:right; margin-top: 54px;}
.minimenu{display:none;}
.first_list {float: left; margin: 0 14px;}
.main_menu_first {color: #000; font-size: 13px; font-weight: bold; padding: 8px 8px; text-transform: uppercase;}
.main_menu_first:hover {border-top: 5px solid #2a98d9;}
.with_dropdown {position: relative;}
.with_dropdown li a {display: block;}
.with_dropdown ul {background: #fff; border-bottom: 5px solid #2a98d9; padding: 12px 0; position: absolute; top: 24px; visibility: hidden; width: 197px; z-index:500;}
.first_list:hover.first_list ul {visibility: visible;}
.with_dropdown .main_menu_first {background: url(images/arrow_down.png) no-repeat 92%; padding-right: 23px;}
.with_dropdown:hover .main_menu_first {background: #fff url(images/arrow_down.png) no-repeat 92%; border-top: 5px solid #2a98d9; color: #2a98d9;}
.second_list {margin: 0 5px;padding: 10px;}
.second_list_border {border-bottom: 1px solid #2a98d9;}
.main_menu_second {color: #000;font-size: 13px; text-transform: capitalize;}
.main_menu_second:hover {color: #2a98d9;}
.main_current {border-top: 5px solid #2a98d9;}
/* - - - - - - - - - - - - - - -  MENU  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  BAUTISMOS  - - - - - - - - - - - - - - - */
.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;}
.clearfix_slider {float: none;clear: both;}
.displ-1 {}
.displ-2 {display:none;}
/* - - - - - - - - - - - - - - -  BAUTISMOS  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  CONTENT  - - - - - - - - - - - - - - - */
#pagewrap {width: 100%;margin: 0 auto;}
#content-index {background: #fff;padding: 0px 35px;width: 1000px;margin:0 auto;}
#content {background: #fff;width: 1000px;margin:0 auto;}
#slider {width:100%; margin:40px 0 40px 0;}
h2.post-title-index {padding: 0px 5px;text-align: center;}
h2.post-title-index a {color: #2196ff;font-size: 1.2em;text-shadow: 1px 1px 2px #aeaeae;}
h2.post-title {padding: 0px 5px;text-align: left;box-shadow: -4px 4px 0px rgba(0, 0, 0, 0.1);}
h3.text2 {font-size: 1.2em;color: #2196ff;padding: 0px 5px;text-align: left;box-shadow: -4px 4px 0px rgba(0, 0, 0, 0.1);}
h2.post-title a {color: #2196ff;font-size: 1.2em;text-shadow: 1px 1px 2px #aeaeae;}
.contact-info {color: #2196ff;font-size: 1.5em;text-align: center;line-height: 1.4em;}
.contact-info-mail {color: #2196ff;font-size: 1.5em;text-align: center;line-height: 1.4em;}
.post {margin-top: 50px;margin-bottom: 20px;}
.post-meta {margin: 0 0 10px;font-size: 90%;}
.text-img-baut {text-align:center; margin-bottom:20px;}
.text-img-club {text-align:center; margin-bottom:20px;}
.text {font: 1.3em Arial, Helvetica, sans-serif; color: #666; text-align:justify;}
figure.post-imagen-index img {float: left;margin: 5px;max-width: 260px;}
div.post-imagen-cur{width:100%;text-align:center;}
div.post-imagen-cur img {margin: 20px;}
div.post-imagen{width:100%;text-align:center;}
div.post-imagen img {margin: 20px;}
/* - - - - - - - - - - - - - - -  CONTENT  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  ITEMS  - - - - - - - - - - - - - - - */
#work{width:1000px; margin: 0 auto; overflow:auto;}
.item{width:230px; height:215px; background-color:#FFF; display:block; float:left; margin:10px; -webkit-box-shadow: 0 0 3px #c3c3c3; -moz-box-shadow: 0 0 3px #c3c3c3; box-shadow: 0 0 1px #c3c3c3; overflow:hidden; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; -ms-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;}
.item:hover{-webkit-box-shadow: 0 0 8px #2196ff, 0 0 8px #2196ff; -moz-box-shadow: 0 0 8px #2196ff,  0 0 8px #2196ff; box-shadow: 0 2px 2px #2196ff,  0 2px 2px #2196ff;}
.item img{display:block; width:100%; -webkit-box-shadow: 0 2px 1px #c3c3c3; -moz-box-shadow: 0 2px 1px #c3c3c3; box-shadow: 0 2px 1px #c3c3c3; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;}
.item img:hover{opacity:1;}
.item h3{font-weight:bold; padding:5px 0 0 8px; text-decoration:none; text-align:center; color: rgb(33, 150, 255); font-size: 1.2em;}
.item a{text-decoration:none;}
.item h3 a{text-decoration:none;color:#2d2d2d;}
.item p{font-family:Lato, Arial, Helvetica, sans-serif; font-size:80%; font-weight:bold; padding:0 0 0 8px; color:#7bbaff; text-decoration:none; text-align:center;}
/* - - - - - - - - - - - - - - -  ITEMS  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  TABS  - - - - - - - - - - - - - - - */
ul.resp-tabs-list, p {margin: 0px; padding: 0px;}
.resp-tabs-list li {font-weight: bold; font-size: 13px; display: inline-block; padding: 13px 15px; margin: 0; list-style: none; cursor: pointer; float: left; color:#2196ff;}
.resp-tabs-container {padding: 0px; background-color: #fff; clear: left;}
h2.resp-accordion {cursor: pointer; padding: 5px; display: none;color:#2196ff;}
.resp-tab-content {display: none; padding: 15px;}
.resp-tab-active {border: 1px solid #c1c1c1; border-bottom: none; margin-bottom: -1px !important; padding: 12px 14px 14px 14px !important;}
.resp-tab-active {border-bottom: none; background-color: #fff;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #c1c1c1;}
h2.resp-accordion {font-size: 13px; border: 1px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin: 0px; padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important; background: blue;}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left; width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 69%; min-height: 480px; border-radius: 4px; clear: none;}
.resp-vtabs .resp-tab-content {border: none;}
.resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important;}
.resp-arrow {width: 0; height: 0; float: right; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #2196ff;}
h2.resp-tab-active span.resp-arrow {border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #2196ff;}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #dedede !important;color:#2196ff;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
.resp-jfit {width: 100%; margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}
/* - - - - - - - - - - - - - - -  TABS  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  MULTIMEDIA  - - - - - - - - - - - - - - - */
.multimedia-wrap{width:890px; margin:0 auto;}
.wrap-port{float:left; margin:10px; width:200px; height:170px;}
.wrap-port img {width:200px; height:170px; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);}
.circle {text-align:center;margin:0 auto; width: 200px; height: 200px; background: #2196ff; -moz-border-radius: 130px; -webkit-border-radius: 130px; border-radius: 130px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.circle:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 1;}
.circle p {padding:50px 0 0 0; font-size:30px; color:#ffffff; font-weight: bold;}
/* - - - - - - - - - - - - - - -  MULTIMEDIA  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  SALIDAS  - - - - - - - - - - - - - - - */
.salidas-wrap{width:940px; margin:0 auto; height:200px;}
.wrap-sal{float:left; margin:10px; width:450px; height:235px;}
.wrap-sal img {width:450px; height:235px; box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);}
.wrap-sal p {font: 2em Arial, Helvetica, sans-serif; color: #666; text-align:center;vertical-align:middle;}
.left {float:left;}
.right {float:right;}
/* - - - - - - - - - - - - - - -  SALIDAS  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */
.map-wrap {width:48%;}
h2.contact{padding: 0px 5px; text-align: left; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); color: #2196ff; font-size: 1.2em;}
.map {width:100%; height:300px;}
.mini-info{width:28%;float:right;}
.mini-info h2 {width:48%;padding: 0px 5px;text-align: left;box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);color: #2196ff;font-size: 1.2em;}
.mini-info2{width:100%;}
.mini-info2 h2 {width:100%;padding: 0px 5px;text-align: left;box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);color: #2196ff;font-size: 1.2em;}
.form-wrap-left {float:left; width:50%;}
.form-wrap-right {float:right; width:50%;}
.submit-button-wrap {width:100%; margin:0 auto;border:1px solid black;}
#form{float:left;font-weight:bold; margin:20px 0px; width: 68%;}
#form div{margin-bottom: 20px; vertical-align:middle; }
#form input{border: 2px solid #e7e7e7;padding: 8px 10px;width:250px;}
#form select{border: 2px solid #e7e7e7;padding: 8px 10px;width:273px;}
#form textarea{border: 2px solid #e7e7e7;padding: 8px 10px;width:250px;resize:none;}
#form input[type="submit"] {cursor: pointer; width:273px; background: -webkit-linear-gradient(top, #efefef, #ddd);background: -moz-linear-gradient(top, #efefef, #ddd);background: -ms-linear-gradient(top, #efefef, #ddd);background: -o-linear-gradient(top, #efefef, #ddd);background: linear-gradient(top, #efefef, #ddd);color: #333;text-shadow: 0px 1px 1px rgba(255,255,255,1); border: 2px solid #e7e7e7;}
#form input[type="submit"]:hover {background: -webkit-linear-gradient(top, #eee, #ccc);	background: -moz-linear-gradient(top, #eee, #ccc);background: -ms-linear-gradient(top, #eee, #ccc);	background: -o-linear-gradient(top, #eee, #ccc);background: linear-gradient(top, #eee, #ccc);	border: 2px solid #e7e7e7;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
#form input[type="submit"]:active {background: -webkit-linear-gradient(top, #ddd, #aaa);	background: -moz-linear-gradient(top, #ddd, #aaa);background: -ms-linear-gradient(top, #ddd, #aaa);	background: -o-linear-gradient(top, #ddd, #aaa);background: linear-gradient(top, #ddd, #aaa);	border: 2px solid #e7e7e7;}
.error_input{background:#ff555a;-webkit-transition: all 1.0s linear;-moz-transition: all 1.0s linear;-o-transition: all 1.0s linear;transition: all 1.0s linear;}
.error {background-color: red; padding: 6px 12px; border-radius: 4px; color: white; font-weight: bold; margin-left: 20px; position: absolute;}
.error:before {content: ''; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid red; border-left: 8px solid transparent; left: -16px; position: absolute; top: 5px;}
.result_fail{background-color: red; padding: 6px 12px; color: white; font-weight: bold; margin-left: 160px; position: absolute;}
.result_ok{background-color: green; padding: 6px 12px; color: white; font-weight: bold; margin-left: 160px; position: absolute;}
/* - - - - - - - - - - - - - - -  FORM  - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */
#footer {color:#333333;font-size:90%;text-align: center;padding-top:10px;background:#fff;}
#content-footer {background: #fff;width: 1000px;margin:0 auto;overflow:auto;}
.sub_footer{ width:100%; background:#2a98d9; color:#fff;}
#footer a {color: #fff;}
.footer_info {float:left;width:33%;text-align:center;}
.footer_info img {height:100px;}
/* - - - - - - - - - - - - - - -  FOOTER  - - - - - - - - - - - - - - - */

.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }


/***************************************************
----- CONDICIONALES DE MEDIA QUERIES -----
****************************************************/
@media screen and (max-width: 980px) {
	#header {height:180px;}
	#content_header{ width:100%;}
	#content-logo{width:100%; text-align:center;}
	#logo {float:none;}
	#social {display:none;}
	#social-responsive {display:block; width:100%; text-align:center;}
	#main_menu ul {display:none;}
	.minimenu{display:block; margin: 5px 0;position: absolute;top: 120px;left: 0px;width: 100%;background:#1882ce; border: 1px solid #CCC;}
	.minimenu div{position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;font-weight:bold;}
	.minimenu select{position: absolute;top: 0px;left: 0px; margin:0 auto;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}
	#pagewrap {width: 95%;}
	#content-index {width: 85%;}
	#content{width: 85%;padding: 3% 4%;}
	.text-img-club img {width:40%;}
	.text-img-baut img {max-width:600px;}
	.wrap-sal{width:100%; text-align:center; margin-top:10px;}
	.multimedia-wrap{width:80%; margin:0 auto;}
	div.post-imagen-cur img {width:92%;}
	div.post-imagen img {width:50%;}
	#work{width:370px;}
	#work_cursos{width:370px;}
	.item{width:160px;height:165px;margin:10px;}
	#content-footer {width: 100%;}
	.salidas-wrap{width:90%;}
	#form input{width:160px;}
	#form select{width:160px;}
	#form textarea{width:200px;padding: 8px 20px; margin-top:15px;}
	#form input[type="submit"] {width:185px;}

}


@media screen and (max-width: 650px) {

	#main-nav {position: static;}
	#site-logo {margin: 15px 100px 5px 0;position: static;}
	#site-description {margin: 0 0 15px;position: static;text-align: center;}
	#content-index {width: auto;float: none;margin: 20px 0;}
	#content {width: auto;float: none;margin: 0px;}
	.text-img-baut img {max-width:450px;}
	.circle {width: 150px; height: 150px;}
	.circle p {padding:25px 0 0 0; font-size:20px;}
	ul.resp-tabs-list {display: none;}
    h2.resp-accordion {display: block;}
    .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;}
    .resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: initial;clear: none;}
    .resp-accordion-closed {display:none !important;}
    .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
	.form-wrap-left {float:none; width:100%;}
	.form-wrap-right {float:none; width:100%;}
	#form{float:none; width:100%;}
	#form input{width:92%;}
	#form select{width:100%;}
	#form textarea{width:88%;}
	#form input[type="submit"] {width:95%;}
	.mini-info{width:100%;float:none;}
	.mini-info h2 {width:100%;}
	.mini-info2{width:100%;float:none;}
	.mini-info2 h2 {width:100%;}

}


@media screen and (max-width: 480px) {

	html {-webkit-text-size-adjust: none;}
	#main-nav a {font-size: 90%;padding: 10px 8px;}
	figure.post-imagen-index img {float:none;}
	figure.post-imagen-index {text-align:center;}
	.contact-info-mail {font-size: 1em;line-height: 1.4em;}
	#work{width:200px;}
	.item{width:160px;height:165px;margin:10px;}
	.map-wrap {width:100%;}
	.text-img-baut {width:100%;text-align:center;}
	.displ-1 {display:none;}
	.displ-2 {display:block;}
	.wrap-sal{width:200px; height:105px;}
	.wrap-sal img {width:200px; height:105px;}
	#form textarea{width:85%;}
	#form input[type="submit"] {width:99%;}
	#content-footer {width: 100%;}
	.footer_info {float:left;width:100%;text-align:center;}

}