/*---------------------------------------------------------------------

		FONT-FACE

---------------------------------------------------------------------*/

@font-face {
	font-family: "MyriadPro Bold Condensed";
	src: url('../font/myriad-bold-condensed-webfont.eot');
	src: url('../font/myriad-bold-condensed-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../font/myriad-bold-condensed-webfont.ttf') format('truetype');
}

 

.hide   {display:none}


@media screen, print {


/*---------------------------------------------------------------------

		RESET

---------------------------------------------------------------------*/

* { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; outline: 0; vertical-align: baseline }
:focus { outline: 0 }
::-moz-focus-inner { border: 0; padding: 0 }
html { overflow-y: scroll; overflow-x: hidden }
body { background: #fff; color: #000; line-height: 1; -webkit-font-smoothing: antialiased }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
caption, th, td { font-weight: normal; text-align: left }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
textarea { overflow: auto; resize: none }





}

@media screen {


/*---------------------------------------------------------------------

		TAGS

---------------------------------------------------------------------*/

body {
	color:#565656 /*#99a3a4*/;
    font-family: 'Libre Franklin', sans-serif;
    
	font-size: 12px; /* 15px josefin */
	font-weight: 600;
	line-height: 18px;
}

em { font-style: italic }
strong { font-weight: bold }

a,
a:link,
a:visited {
	color: #1b4e6c;
	text-decoration: none;
    cursor:pointer
}
a:hover,
a:active { color: #1b4e6c }

a:hover{ 
    text-decoration:underline;
    /*font-weight:bold;*/ 
    color: #0CADB7;  
}


::selection {
	background: #1b4e6c;
	color: #fff;
}
::-moz-selection {
	background: #1b4e6c;
	color: #fff;
}





/*---------------------------------------------------------------------

		BASE LAYOUT

---------------------------------------------------------------------*/


/* ************* Msg de error ****************/
.msg-error							{ background: url(../images/error.png) top left no-repeat; padding:10px; color:white; text-align:center; background-color:#FF6666; border:1px solid red; width:90%; font-size:15px; min-height:50px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.msg-error a 						{ color:white; text-decoration:underline; }
#errror								{ min-height:50px; background-color:#FF8080; border:1px solid red; color:white; padding:12px; width:90%; }
input.error, textarea.error, select.error{ border: 1px dotted red; }
label.error							{ margin-left: 25px; color: red; font-style: italic; font-weight: bold; }

#ok,.ok								{ background: url(../images/ok.png) top left no-repeat; padding:10px; color:white; text-align:center; background-color:#5Fae3f; border:1px solid #5Fae3f; font-size:15px; min-height:50px; -moz-border-radius: 5px; /* FireFox 1+ */ -webkit-border-radius: 5px; /* Safari 3+, Chrome */ border-radius: 5px; /* Opera 10.5, IE 9 */     }
#ok a,.ok a							{ color:white; text-decoration:underline; }
#errror a,.error a					{ color:white; text-decoration:underline; }




#content {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
    line-height: 1.5;
}
	div.center {
		margin: 0 auto;
		width: 1086px;
		position: relative;
	}

	#header div.center { height: 110px }

#content { /*-*/ }

	#content div.center {
		padding: 0px 18px 30px 18px;
		overflow: hidden;
		min-height: 300px;
		width: 1050px;
	}
		#main {
			float: left;
			width: 690px;
		}
		#sidebar {
			float: right;
			width: 345px;
		}





/*---------------------------------------------------------------------

		ELEMENTS

---------------------------------------------------------------------*/

/*	Header
-------------------------------*/

#logo {
	display: inline-block;
    width: 456px;
    height: 75px;
    margin-top: 20px;
    margin-left: 30px;
}
	#logo img {
		display: block;
		text-indent: -9999px;
        max-width: 100%;
	}
#micuenta {
    float:right;
    width: 169px; height: 53px;
    text-align:right;
    padding-top:10px;
}
#micuenta a{color:#414141}

.parte_menu{
	width: 100%;
	position: relative;
	margin-bottom: 80px;
}

#nav {
	display: table;
}
	#nav ul { /*-*/ }

		#nav ul li {
			float: left;
			margin: 0;
			position: relative;
		}
			#nav ul li a {
				float: left;
				color: #565656;
				display: block;
				font-size: 14px;
				text-transform: uppercase;
			}
			#nav ul li a:hover { color: #000; text-transform: uppercase; text-decoration:none; display: block;}
			#nav ul li.current a { color: #000 }


#header nav.social {
	position: absolute;
	bottom: 50px; right: 300px;
}
	#header nav.social ul { /*-*/ }

		#header nav.social ul li {
			float: left;
			margin: 0 0 0 2px;
		}
			#header nav.social ul li a {
				float: left;
				background: #fff url(../img/ico_social.png) no-repeat;
				display: block;
				text-indent: -9999px;
				width: 23px; height: 23px;
                opacity: 0.9;
			}
			#header nav.social ul li a:hover {
                opacity: 1;
			}
			#header nav.social ul li.twitter a { background-position: -25px 0 }
			#header nav.social ul li.googleplus a { background-position: -50px 0 }


    #search input.text:hover{ background:#f1f1f1}



/*	Home
-------------------------------*/



#acerca {
	float: left;
	background: #fff;
	padding: 30px;
	overflow: hidden;
	width: 580px;
	position: relative;
	z-index: 999;
	color: #000;
	margin-bottom: 30px;
}
	#acerca h2 {
		color: #000;
		font-size: 22px;
		text-transform: uppercase;
		margin: 0 0 2px;
		padding: 0 10px 0 0;
	}
		#acerca h2 span { color:  #999999 /*#99a3a4 */}

.home_contenidos{
	float: right;
}

article.box {
	float: left;
	background: #fff;
	margin-right: 5%;
	margin-bottom: 30px;
	padding: 15px;
	width: 40%;
	position: relative;
	z-index: 999;
	color: #000;
}
	article.box h2, article.box h2 a{
		color: #000;
		font-size: 20px;
		margin: 0 -15px 5px;
		padding: 5px 15px;
	}

	article.box figure {
        width:235px;
        height:188px; 
	}

	article.box figure img {
        width:235px;
        height:188px; 
	}
#slider {
	
}
	#slider div.slide {
		text-indent: -9999px;
		width: 923px; height: 617px;
	}
	#slide-1 { background: url(../img/slide_01.png) no-repeat }
	#slide-2 { background: url(../img/slide_02.png) no-repeat }
	#slide-3 { background: url(../img/slide_03.png) no-repeat }
	#slide-4 { background: url(../img/slide_04.png) no-repeat }
	#slide-5 { background: url(../img/slide_05.png) no-repeat }


#boton-clubes {
	position: absolute;
	top: 289px;
	left: 200px;
	z-index: 999;
}
	#boton-clubes a {
		background: #364559 url(../img/bg_boton-clubes-1.png) no-repeat 7px center;
		color: #fff;
		display: block;
		font-size: 8px;
		text-transform: uppercase;
		padding: 5px 7px 7px 65px;
		position: relative;
	}
	#boton-clubes a:before {
		background: #fff url(../img/bg_boton-clubes-2.png) no-repeat center center;
		content: "";
		width: 30px; height: 30px;
		position: absolute;
		top: 0; left: -30px;
	}



/*	Content
-------------------------------*/

#breadcrumbs {
	/* background: #fff;
	padding: 16px 160px 16px 40px; */
    position: absolute;
    top: 12px;
	overflow: hidden;
}
	#breadcrumbs a {
		float: left;
		/* color: #bec3c6; */
        color: #fff;
		display: block;
		font-size: 14px;
		line-height: 20px;
	}
	#breadcrumbs a:before {
		content: ">>";
		padding: 0 5px;
	}
	#breadcrumbs a:first-child:before {
		content: "";
		padding: 0;
	}


#titulo {
	background: #fff;
	margin: 0 0 25px;
	padding: 10px 40px 12px;
	position: relative;
}
	#titulo h2 {
		color: #fff;
		display: inline-block;
        font-family: 'Libre Franklin', sans-serif;
        font-weight: 600;
		font-size: 20px;
		line-height: 33px;
		text-transform: uppercase;
		margin: 0 0 0 -40px;
		padding: 0 15px 0 0;
		min-width: 170px; height: 32px;
	}
	#titulo.experimentos h2 {
		color:#445565;
		font-size: 25px;
		background-position: 8px -96px;
	}
    #titulo.que-es-un-club h2 {
        color:#445565;
        font-size: 25px;
    }
	#titulo.novedades h2 {
		color:#445565;
		font-size: 25px;
	}
	#titulo.recorridos h2 {
		color:#445565;
		font-size: 25px;
		background-position: 8px -53px;
	}
	#titulo.soporte h2 {
		color:#445565;
		font-size: 25px;
		background-position: 8px -214px;
	}
	#titulo.foros h2 {
		color:#445565;
		font-size: 25px;
		background-position: 8px -173px;
	}
	#titulo.quienes-somos h2 {
		color:#445565;
		font-size: 25px;
	}

	#titulo p {
        margin: 12px 0;
        font-size: 16px;
    }

	#titulo div.boton-inscripcion {
		position: absolute;
		bottom: 12px; right: 12px;
	}
		#titulo div.boton-inscripcion a {
			background: #4f5962 url(../img/bg_inscripcion.png) no-repeat 5px 10px;
			background-size: 54px auto;
			color: #fff;
			display: block;
			font-family: "MyriadPro Bold Condensed";
			font-size: 17px;
			font-weight: normal;
			line-height: 18px;
			text-transform: uppercase;
			padding: 20px 5px 0 68px;
			width: 60px; height: 52px;
		}

#titulo.clubes {
	margin: 0;
	padding: 10px 130px 12px 40px;
}
#titulo.clubes:after {
	content: "";
	width: 79px; height: 75px;
	position: absolute;
	top: 22px; right: 20px;
}
#breadcrumbs + #titulo.clubes { padding-top: 0 }
#breadcrumbs + #titulo.clubes:after { top: -40px }

	#titulo.clubes h2 {
		color:#445565;
		font-size: 25px;
	}

	#titulo.clubes h3 {
		background-color: #45576d;
		display: table;
		padding: 10px;
		text-transform: uppercase;
		color:#FFF;
		font-size: 25px;
	}




#experimentos { overflow: hidden }

	#experimentos article {
		float: left;
		background: #eee;
		margin: 0 0 25px;
		padding: 20px;
		width: 300px;
        min-height: 250px;
	}

		#experimentos article figure {
			background: #99a3a4;
			margin: -20px -20px 20px;
			overflow: hidden;
			width: 340px; height: 122px;
		}
			#experimentos article figure img { width: 340px; height: auto }

		#experimentos article h3 {
			color: #576473;
			font-size: 14px;
			font-weight: bold;
			margin: 0 0 20px;
		}
			#experimentos article h3 span {
				display: block;
				font-size: 18px;
				text-transform: uppercase;
			}

		#experimentos article h4 {
			color: #576473;
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 15px;
		}

		#experimentos article ul { /*-*/ }

			#experimentos article ul li {
				margin: 0 -2px;
				padding: 6px 0px;
			}
				#experimentos article ul li a {
					color: #576473;
					font-size: 14px;
					font-weight: normal;
				}
    #material-cientifico-categoria ul li {
        background: url(../img/bullet.png) no-repeat 0 5px;
        margin: 10px;
        padding: 6px 27px;
        margin: 0 -2px;
    }

#ideas {
	background: #2b3e50;
	border-bottom: 2px solid #59abe5;
	margin: 40px 0 0;
	padding: 0 200px;
	width: 215px; height: 95px;
	position: relative;
}
#ideas:before {
	background: #999999 /*#99a3a4 */url(../img/bg_ideas.png) no-repeat 10px 10px;
	content: "";
	width: 185px; height: 95px;
	position: absolute;
	top: 0; left: 0;
}
	#ideas h4 {
		background: rgba(43,62,80,.8);
		color: #fff;
		font-family: "MyriadPro Bold Condensed";
		font-size: 18px;
		line-height: 26px;
		text-transform: uppercase;
		padding: 0 12px;
		width: 90px; height: 26px;
		position: absolute;
		top: 10px; left: 0;
	}

	#ideas p { padding: 23px 0 0 }

	#ideas a {
		background: #6083a9 url(../img/ico_contacto.png) no-repeat 9px 9px;
		display: block;
		color: #fff;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		font-weight: normal;
		line-height: 33px;
		text-transform: uppercase;
		padding: 0 0 0 40px;
		width: 115px; height: 32px;
		position: absolute;
		bottom: 15px; right: 20px;
	}


#recorridos { margin: 0 0 25px }

	#recorridos article {
		background: #eee;
		margin: 0 0 12px;
		padding: 25px 40px 30px 400px;
		overflow: hidden;
		min-height: 175px;
		position: relative;
	}
		#recorridos article h3 {
			color: #FFF;
			background-color: #45576d;
			display: table;
			padding: 10px;
			font-size: 18px;
			font-weight: bold;
		}
		#recorridos article h4 {
			color: #576474;
			font-size: 14px;
			margin: 0 0 10px;
		}

		#recorridos article figure {
			float: left;
			background: #99a3a4;
			margin: -25px -40px -30px 48px;
			overflow: hidden;
			width: 345px;
			height: 230px;
			position: absolute;
			left: -50px;
		}
			#recorridos article figure img { width: 345px; height: auto }

		#recorridos article div.mas { margin: 25px 0 0 }

			#recorridos article div.mas a {
				background: #848484 url(../img/ico_mas-3.png) no-repeat 12px center;
				color: #fff;
				display: table;
				font-family: "MyriadPro Bold Condensed";
				font-size: 15px;
				font-weight: normal;
				line-height: 37px;
				text-transform: uppercase;
				padding: 0 10px 0 40px;
			}

#mas-recorridos {
	background: #fff;
	position: relative;
}
	#mas-recorridos h3 {
		background: #838383;
		color: #fff;
		font-family: "MyriadPro Bold Condensed";
		font-size: 16px;
		line-height: 36px;
		text-transform: uppercase;
		padding: 0 16px;
		width: 182px; height: 36px;
	}

	#carousel {
		background: #FFF;
		padding: 7px 0 0;
	}
		#carousel div.slides { /*-*/ }

			#carousel div.slides div.slide {
				margin: 0 6px 0 0;
				width: 170px; height: 150px;
				position: relative !important;
			}
				#carousel div.slides div.slide div.info {
					background: #3d5267;
					padding: 12px 10px;
					width: 120px;
					position: absolute;
					bottom: 10px; left: 0;
					z-index: 10;
				}
					#carousel div.slides div.slide div.info h4 {
						color: #fff;
						font-size: 14px;
						font-weight: bold;
					}
						#carousel div.slides div.slide div.info h4 a {
							color: #fff;
							white-space: normal !important;
						}

					#carousel div.slides div.slide div.info h5 {
						color: #fff;
						font-size: 12px;
					}

				#carousel div.slides div.slide figure {
					background: #99a3a4;
					overflow: hidden;
					width: 170px; height: 150px;
					position: absolute;
					top: 0; left: 0;
				}
					#carousel div.slides div.slide figure img { width: 170px; height: auto }

		#carousel nav { /*-*/ }

			#carousel nav a {
				background: #4f5962 url(../img/ico_pager-1.png) no-repeat center 10px;
				display: block;
				text-indent: -9999px;
				width: 36px; height: 36px;
				position: absolute;
				top: 0; right: 36px;
			}
			#carousel nav a.next {
				background-position: center -74px;
				right: 0;
			}


#soporte { overflow: hidden; background:#fff }

	#soporte ol li { margin-top:20px; margin-left:40px; margin-right:40px;}
	#soporte ol li div { margin-left:20px; }
	#soporte ol li h3 a{
		color: #34495E;
		font-size: 14px;
		font-weight: bold;
        
	}
	   
       
	#soporte article {
		float: left;
		background: #2b3e50;
		margin: 0 0 0 15px;
		padding: 20px;
		width: 300px; min-height: 200px;
	}
	#soporte article:first-child { margin: 0 }

		#soporte article figure {
			background: #99a3a4;
			margin: -20px -20px 20px;
			overflow: hidden;
			width: 340px; height: 140px;
		}
			#soporte article figure img { width: 340px; height: auto }

		#soporte article h3 {
			color: #bec3c7;
			font-size: 18px;
			font-weight: bold;
		}
			#soporte article h3 a { color: #bec3c7 }


#login {
	background: #2b3e50;
	margin: 45px auto 0;
	padding: 35px;
	width: 450px;
}

	#login h1 {
		color: #637284;
		font-family: "MyriadPro Bold Condensed";
		font-size: 30px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0 4px 10px;
	}
    #login h2 {
        color: #637284;
        font-family: "Myriad Pro";
        font-size: 20px;
        font-weight: normal;
        margin: 0 4px 20px;
    }
	#login p {
		font-size: 20px;
    }
    
	#login ol li label {
		color: #637284;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0 4px 10px;
	}
	#login ol li a {
		color: #99a3a4;
		display: inline-block;
		font-size: 14px;
		margin: 10px 0 0;
	}

	#login p.submit a {
		float: right;
		background: #576475;
		display: block;
		color: #fff;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		font-weight: normal;
		line-height: 44px;
		text-align: center;
		text-transform: uppercase;
		padding: 0 20px;
		height: 44px;
	}


#foros { /*-*/ }
	#foros p.submit{
	   text-align:right;   
    }

   
    #foros p.submit a.submit {
    	background: #1aaf5d url(../img/ico_submit.png) no-repeat 16px center;
    	color: #fff;
    	cursor: pointer;
    	font-family: "MyriadPro Bold Condensed";
    	font-size: 20px;
    	font-weight: normal;
    	line-height: 44px;
    	text-transform: uppercase;
    	padding: 10px 35px 10px 55px;
    	height: 44px;
        margin:0px;
    }



	#foros article {
		background: #eee;
		margin: 0 0 12px;
		padding: 25px 40px;
	}
		#foros article h3 {
			background: #2b3e50;
			color: #eee;
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 12px;
			width: 475px;
		}
			#foros article h3 a {
				color: #eee;
				display: block;
				padding: 10px 12px;
			}

		#foros article p { /*-*/ }

		#foros article div.comentarios,
		article.foro div.comentarios,
		div.comentario h4 {
			background: url(../img/ico_comentarios.png) no-repeat;
			font-size: 17px;
			line-height: 20px;
			margin: 25px 0 0;
			padding: 0 0 0 45px;
		}
        
		#foros article div.temas,
		article.foro div.temas  {
			background: url(../img/ico-foro-tema.png) no-repeat;
			font-size: 17px;
			line-height: 20px;
			margin: 25px 0 0;
			padding: 0 0 0 35px;
		}
        




#novedades {}

	#novedades article {
		background: #eee;
		margin: 0 0 12px;
		padding: 25px 40px;
	}
		#novedades article h3 {
			background: #45576d;
			text-transform: uppercase;
			color: #eee;
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 12px;
			width: 475px;
		}
			#novedades article h3 a {
				color: #eee;
				display: block;
				padding: 10px 12px;
			}

 


article.foro {
	background: #eee;
	padding: 25px 70px 25px 40px;
}
	article.foro div.titulo {
		background: #2b3e50;
		padding: 10px 12px 15px;
		width: 585px;
	}
		article.foro div.titulo h1 {
			color: #ededed;
			font-size: 18px;
			font-weight: bold;
		}
		article.foro div.titulo p { margin: 0 }

	article.foro div.comentarios { margin: 12px 0 30px }

	article.foro p,
	div.comentario p { margin: 12px 0 0 }

div.comentario {
	background: #fff;
	margin: 12px 110px 0 40px;
	padding: 20px 30px 20px 70px;
}
	div.comentario h4 {
		color: #576475;
		margin: 0 0 0 -45px;
	}

div.comentario.respuesta { margin: 12px 40px 12px 110px }


#comment {
	background: #fff;
	margin: 90px 0 0;
	padding: 20px 40px 30px;
}
	#comment h3 {
		color: #576473;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		text-transform: uppercase;
		margin: 0 0 10px;
	}

	#comment ol li {
		float: left;
		margin: 0 0 20px;
		width: 450px;
	}
	#comment ol li:first-child + li { float: right }
	#comment ol li.left{ float:left }

		#comment ol li textarea.textarea { height: 113px }


#inscripcion {}

	#inscripcion section {
		background: #fff;
		margin: 0 0 12px;
		padding: 20px 40px 40px;
		overflow: hidden;
	}
		#inscripcion section h3 {
			color: #576474;
			font-family: "MyriadPro Bold Condensed";
			font-size: 20px;
			line-height: 20px;
			text-transform: uppercase;
			margin: 0 0 30px;
		}
		#inscripcion section h3 + p { margin: -18px 0 18px }

	#inscripcion div.left {
		float: left;
		clear: left;
		width: 445px;
	}
	#inscripcion div.right {
		float: right;
		clear: right;
		width: 445px;
	}

	#inscripcion div.left ~ div.left,
	#inscripcion div.right ~ div.right { margin: 40px 0 0 }

		#inscripcion div.left h3,
		#inscripcion div.right h3 { margin: 0 0 20px }

	#inscripcion ol {
		float: left;
		clear: both;
		margin: 40px 0 -15px;
		width: 100%;
	}
	#inscripcion div ol { margin-top: 0 }

		#inscripcion ol li {
			float: left;
			margin: 0 0 15px;
			width: 100%;
		}
			#inscripcion ol li label {
				float: left;
				white-space: nowrap;
				overflow: hidden;
				width: 100%;
			}
				#inscripcion ol li label span {
					font-size: 12px;
					line-height: 18px;
				}

			#inscripcion ol li input.text,
			#inscripcion ol li textarea.textarea,
			#inscripcion ol li select.select {
				float: left;
				clear: left;
			}
			#inscripcion ol li textarea.textarea { height: 90px }
			#inscripcion div ol li textarea.textarea { height: 236px }

			#inscripcion ol li span.radio {
				float: left;
				display: block;
				position: relative;
			}
				#inscripcion ol li span.radio input.radio {
					opacity: 0;
					position: absolute;
					top: 0; left: 0;
				}
				#inscripcion ol li span.radio label {
					background: #f7f7f7;
					color: #222;
					font-size: 14px;
					line-height: 45px;
					text-align: center;
					text-transform: uppercase;
					width: 45px; height: 45px;
				}
				#inscripcion ol li span.radio input.radio:checked + label {
					background: #888;
					color: #fff;
				}

			#inscripcion ol li span.checkbox {
				float: left;
				display: table;
				height: 46px;
				position: relative;
			}
				#inscripcion ol li span.checkbox input.checkbox {
					opacity: 0;
					position: absolute;
					top: 0; left: 0;
				}
				#inscripcion ol li span.checkbox label {
					float: none;
					background: url(../img/ico_checkbox.png) no-repeat;
					display: table-cell;
					line-height: 16px;
					white-space: normal;
					padding-left: 55px;
					vertical-align: middle;
					width: 95px;
				}
				#inscripcion ol li span.checkbox input.checkbox:checked + label { background-position: 0 -74px }

			#inscripcion ol li span.checkbox + input.text,
			#inscripcion ol li span.checkbox + select.select {
				float: right;
				clear: none;
				width: 290px;
			}

			#inscripcion ol li span.file {
				float: left;
				display: block;
				width: 100%;
				position: relative;
			}
				#inscripcion ol li span.file input.text { padding-right: 115px }

				#inscripcion ol li span.file a {
					background: #444;
					color: #fff;
					display: block;
					font-family: "MyriadPro Bold Condensed";
					font-size: 20px;
					font-weight: normal;
					line-height: 50px;
					text-align: center;
					text-transform: uppercase;
					width: 105px; height: 50px;
					position: absolute;
					top: 0; right: 0;
				}
				#inscripcion ol li span.file input.file {
					background: #f7f7f7;
					box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
					padding: 13px 10px 12px;
					opacity: 0;
					width: 100%;
					position: absolute;
					top: 0; left: 0;
				}

			#inscripcion ol li small {
				float: left;
				color: #ccc;
				display: block;
				font-size: 12px;
				line-height: 14px;
				padding: 4px 2px;
			}

		#inscripcion ol li.alt {
			margin-left: 15px;
			width: auto;
		}
		#inscripcion ol li.alt.first { margin-left: 0 }

		#inscripcion ol li.small { width: 125px }
		#inscripcion ol li.medium { width: 145px }
		#inscripcion ol li.large { width: 305px }
		#inscripcion ol li.half { width: 215px }

	#inscripcion div.boton-agregar {
		float: left;
		clear: both;
		margin: 45px 0 18px;
	}
		#inscripcion div.boton-agregar a {
			background: #f3c500;
			color: #444;
			display: block;
			font-family: "MyriadPro Bold Condensed";
			font-size: 17px;
			font-weight: normal;
			line-height: 40px;
			text-transform: uppercase;
			padding: 0 10px 0 50px;
			min-width: 238px; height: 38px;
			position: relative;
		}
		#inscripcion div.boton-agregar a:before {
			background: #4c4c4e url(../img/ico_agregar.png) no-repeat center center;
			content: "";
			width: 38px; height: 38px;
			position: absolute;
			top: 0; left: 0;
		}

	#inscripcion div.agregar {
		float: left;
		clear: both;
		width: 100%;
	}
	#inscripcion div.agregar + div.agregar { margin: 30px 0 0 }

	#inscripcion p.submit {
		background: #eee;
		padding: 15px 40px;
	}
		#inscripcion p.submit input.reset {
			background: #444 url(../img/ico_reset.png) no-repeat 16px center;
			color: #fff;
			cursor: pointer;
			font-family: "MyriadPro Bold Condensed";
			font-size: 20px;
			font-weight: normal;
			line-height: 44px;
			text-transform: uppercase;
			margin: 0 0 0 50px;
			padding: 0 15px 0 52px;
			height: 44px;
		}



/*	Main
-------------------------------*/

#map {
	background: #b3d1ff !important;
	width: 690px; height: 690px
}
	#map div.gm-style > div:nth-child(2),
	#map div.gm-style > div:nth-child(3),
	#map div.gm-style > div:nth-child(6) { display: none }

	#map div.info {
		padding: 5px 5px 5px 65px;
		position: relative;
	}
		#map div.info figure {
			background: #99a3a4;
			overflow: hidden;
			width: 48px; height: 48px;
			position: absolute;
			top: 5px; left: 5px;
		}
			#map div.info figure img { width: 48px; height: auto }

		#map div.info h3 {
			color: #576474;
			font-size: 14px;
			font-weight: bold;
			margin: -2px 0 0;
		}

		#map div.info ul { /*-*/ }

			#map div.info ul li {
				color: #576474;
				font-size: 11px;
				line-height: 16px;
			}
				#map div.info ul li a {
					color: #576474;
					font-size: 11px;
					line-height: 16px;
				}

		#map div.info a.mas {
			background: #444 url(../img/ico_mas-2.png) no-repeat 5px center;
			color: #fff;
			display: inline-block;
			font-family: "MyriadPro Bold Condensed";
			line-height: 22px;
			text-transform: uppercase;
			margin: 5px 0 0;
			padding: 0 5px 0 20px;
			width: 40px; height: 20px;
		}


article.post {
	background: #f4f4f4;
	padding: 24px 40px;
}
	article.post div.titulo {
		background: #fff;
		margin: 0 0 25px;
		padding: 10px 12px 15px;
	}
		article.post div.titulo h1 {
			color: #576473;
			font-size: 18px;
			font-weight: bold;
		}
		article.post div.titulo h2 {
			color: #576473;
			font-size: 14px;
		}
		article.post div.titulo p { margin: 0 }

	article.post p { margin: 0 0 12px;
    font-size: 16px;}

	article.post figure,
	article.post figure img { max-width: 100% }

	article.post figure.left {
		float: left;
		margin: 0 18px 10px 0;
	}
	article.post figure.right {
		float: right;
		margin: 0 0 10px 18px;
	}
	article.post figure.center {
		text-align: center;
		margin: 15px 0;
	}

 

	div.boton-ficha { margin: 40px 0 10px }

		div.boton-ficha a {
			background: #e87e04 url(../img/ico_ficha.png) no-repeat 10px center;
			display: block;
			color: #fff;
			font-family: "MyriadPro Bold Condensed";
			font-size: 20px;
			font-weight: normal;
			line-height: 33px;
			text-transform: uppercase;
			padding: 0 0 0 50px;
			width: 125px; height: 32px;
		}



/*	Sidebar
-------------------------------*/

div.widget.widget_galeria {
	background: #fff;
	margin: 0 0 25px;
	padding: 20px 20px 0;
}
	div.widget.widget_galeria h3 {
		color: #576474;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		text-transform: uppercase;
		margin: 0 0 15px;
	}

	#imagenes {
		background: #eee;
		margin: 0 -20px;
		padding: 0 0 5px;
	}
		#imagenes div.slides { /*-*/ }

			#imagenes div.slides figure {
				background: #99a3a4;
				display: none;
				overflow: hidden;
				width: 345px; height: 212px;
			}
			#imagenes div.slides figure:first-child { display: block }

				#imagenes div.slides figure img { width: 345px; height: auto }

	#thumbnails {
		background: #eee;
		display: none;
		margin: 0 -20px;
		padding: 0 20px 7px;
		position: relative;
	}
		#thumbnails div.slides { /*-*/ }

			#thumbnails div.slides figure {
				background: #99a3a4;
				cursor: pointer;
				margin: 0 0 0 5px;
				overflow: hidden;
				width: 95px; height: 65px;
			}
				#thumbnails div.slides figure img { width: 95px; height: auto }

		#thumbnails nav { /*-*/ }

			#thumbnails nav a {
				background: url(../img/ico_pager-2.png) no-repeat;
				display: block;
				text-indent: -9999px;
				width: 10px; height: 16px;
				position: absolute;
				top: 24px; left: 7px;
			}
			#thumbnails nav a.next {
				background-position: -40px 0;
				left: auto; right: 7px;
			}
			#thumbnails nav a.disabled {
				cursor: default;
				opacity: .2;
			}


div.widget.widget_imagen { margin: 0 0 16px }

	div.widget.widget_imagen figure {
		background: #99a3a4;
		overflow: hidden;
		width: 345px; height: 212px;
	}
		div.widget.widget_imagen figure img { width: 345px; height: auto }


div.widget.widget_material,
div.widget.widget_categorias {
	background: #fff;
	padding: 20px 20px 10px;
}
	div.widget.widget_material h3,
	div.widget.widget_categorias h3 {
		font-family: "MyriadPro Bold Condensed";
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		margin: 0 0 10px;
	}

	div.widget.widget_material ul { /*-*/ }

		div.widget.widget_material ul li { /*-*/ }

			div.widget.widget_material ul li a {
				background: url(../img/ico_pdf.png) no-repeat 0 10px;
				border-top: 1px solid #eee;
				color: #576474;
				display: block;
				font-size: 14px;
				font-weight: bold;
				line-height: 20px;
				padding: 12px 0 12px 32px;
			}
			div.widget.widget_material ul li:first-child a {
				background-position: 0 0;
				border: 0 none;
				padding-top: 0;
			}

div.widget.widget_categorias { padding-bottom: 30px }

	div.widget.widget_categorias ul { /*-*/ }

		div.widget.widget_categorias ul li { position: relative }

			div.widget.widget_categorias ul li a {
				color: #576474;
				display: block;
				font-size: 14px;
				font-weight: bold;
				line-height: 20px;
				padding: 0 0 0 32px;
			}
			div.widget.widget_categorias ul li a:before {
				background: #34353a;
				border-radius: 50%;
				content: "";
				width: 5px; height: 5px;
				position: absolute;
				top: 8px; left: 6px;
			}


div.widget.widget_relacionados {
	background: #2dbeea;
	margin: 16px 0 0;
	padding: 20px 20px 35px;
}
	div.widget.widget_relacionados h3 {
		color: #fff;
		font-family: "MyriadPro Bold Condensed";
		font-size: 16px;
		text-transform: uppercase;
		margin: 0 0 18px;
	}

	div.widget.widget_relacionados ul { /*-*/ }

		div.widget.widget_relacionados ul li {
			padding: 25px 0 0;
			overflow: hidden;
		}
		div.widget.widget_relacionados ul li:first-child { padding: 0 }

			div.widget.widget_relacionados ul li figure {
				float: left;
				background: #555;
				margin: 0 10px 0 0;
				overflow: hidden;
				width: 55px; height: 35px;
			}
				div.widget.widget_relacionados ul li figure img { width: 55px; height: auto }

			div.widget.widget_relacionados ul li h4 {
				color: #fff;
				font-size: 14px;
				font-weight: bold;
				line-height: 16px;
			}
			div.widget.widget_relacionados ul li a {
				color: #fff;
				font-size: 12px;
				line-height: 20px;
			}


div.widget.widget_busqueda {
	background: #fff;
	margin: 0 0 10px;
	padding: 20px 20px 40px;
}
	div.widget.widget_busqueda h3 {
		color: #576475;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		text-transform: uppercase;
		margin: 0 0 15px;
	}

	#buscar-clubes { /*-*/ }

		#buscar-clubes ol { margin: 0 0 20px }

			#buscar-clubes ol li { margin: 10px 0 0 }

				#buscar-clubes ol li select {
					color: #99a3a4;
					font-size: 16px;
					padding: 10px;
				}

		#buscar-clubes p.submit { /*-*/ }

			#buscar-clubes p.submit input.submit {
				background: #444 url(../img/ico_search-2.png) no-repeat 12px center;
				font-size: 20px;
				line-height: 37px;
				padding: 0 15px 0 36px;
				height: 36px;
			}

	div.widget.widget_busqueda div.resultados { margin: 70px 0 0 }

		div.widget.widget_busqueda div.resultados h3 {
			color: #99a3a4;
			font-size: 16px;
		}

		div.widget.widget_busqueda div.resultados div.resultado {
			margin: 25px 0 0;
			overflow: hidden;
		}
		div.widget.widget_busqueda div.resultados h3 + div.resultado { margin: 0 }

			div.widget.widget_busqueda div.resultados div.resultado figure {
				float: left;
				background: #99a3a4;
				margin: 0 10px 0 0;
				overflow: hidden;
				width: 35px; height: 35px;
			}
				div.widget.widget_busqueda div.resultados div.resultado figure img { width: 35px; height: auto }

			div.widget.widget_busqueda div.resultados div.resultado h4 {
				color: #576475;
				font-size: 14px;
				font-weight: bold;
			}
			div.widget.widget_busqueda div.resultados div.resultado h5 {
				color: #576475;
				font-size: 12px;
			}


div.widget_inscripcion { /*-*/ }

	div.widget_inscripcion a {
		background: #4f5962 url(../img/bg_inscripcion.png) no-repeat 20px 6px;
		background-size: 70px auto;
		color: #fff;
		display: block;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		font-weight: normal;
		line-height: 80px;
		text-transform: uppercase;
		padding: 0 10px 0 165px;
		width: 170px; height: 80px;
	}



/*	Footer
-------------------------------*/

#quienes-somos {
	float: right;
	margin: 0 0 20px;
}
	#quienes-somos a {
		background: #00bd9d url(../img/ico_sections.png) no-repeat 8px -136px;
		display: block;
		color: #fff;
		font-family: "MyriadPro Bold Condensed";
		font-size: 20px;
		font-weight: normal;
		line-height: 33px;
		text-transform: uppercase;
		padding: 0 0 0 40px;
		width: 185px; height: 32px;
	}


#vousys {
	position: absolute;
	bottom: 25px; right: 0;
}
	#vousys a {
		background: url(../img/logo_vousys.png) no-repeat;
		display: block;
		text-indent: -9999px;
		width: 102px; height: 44px;
	}


ul#paginador    {
    clear:both;
    list-style-type: none;
}
ul#paginador li { 
        float:left;
        width:20px;
}
ul#paginador li.paginas { 
        float:left;
        width:60px;
}

ul#paginador li.activo a{ 
    text-decoration:underline;
    font-weight:bold; 
    color: #0CADB7;  
}





/*---------------------------------------------------------------------

		FORMS

---------------------------------------------------------------------*/

input.text,
textarea.textarea,
select.select {
	background: #f7f7f7;
	border: 0 none;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	color: #888;
	padding: 14px 10px;
	width: 100%;
}
textarea.textarea {
	line-height: 20px;
	height: 110px;
}
select.select {
	background-image: url(../img/bg_select.png);
	background-position: right center;
	background-repeat: no-repeat;
	text-indent: .01px;
	text-overflow: "";
	padding: 13px 10px;
	appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
}


input.submit {
	background: #1aaf5d url(../img/ico_submit.png) no-repeat 16px center;
	color: #fff;
	cursor: pointer;
	font-family: "MyriadPro Bold Condensed";
	font-size: 20px;
	font-weight: normal;
	line-height: 44px;
	text-transform: uppercase;
	padding: 0 15px 0 55px;
	height: 44px;
}


form.form { /*-*/ }

	form.form ol { margin: 0 0 25px }

		form.form ol li { margin: 15px 0 0 }
		form.form ol li:first-child { margin: 0 }

			form.form ol li label {
				display: block;
				font-size: 14px;
				line-height: 20px;
				margin: 0 0 7px;
			}

	form.form p.submit { /*-*/ }





}

@media print {


/*---------------------------------------------------------------------

		PRINT

---------------------------------------------------------------------*/

body { background: none; color: #000; font-family: Arial, sans-serif; font-size: 10pt }
code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl { page-break-before: avoid }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }

h1 { font-size: 3em; margin: .67em 0 }
h2 { font-size: 2em; margin: .83em 0 }
h3 { font-size: 1.5em; margin: 1em 0 }
h4 { font-size: 1em; margin: 1.33em 0 }
h5 { font-size: .92em; margin: 1.67em 0 }
h6 { font-size: .83em; margin: 2.33em 0 }

nav, form, .ad { display: none }


}


.blanco-y-centrado{
    background:white !important; 
    text-align: center !important;
}

article figure img.ancho-auto{
    width: auto !important;
}

.pregunta{
    font-size: 1.2em;
    margin: 5px 0;
    cursor: pointer;
}

.explicacion {
    margin: 0 0 15px 20px;
    font-size: 16px;
    font-weight: normal;
}

.explicacion ul {
    list-style: disc inside none;
    margin-left: 10px;
}

.ingreso-submit {
    font-size: 1.2em;
    border: 1px solid #c1c1c1;
    padding:5px 14px;
    font-weight: bold;
    border: 0;
    color: white;
    background: #a4a4a4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a4a4a4 1%, #8d8d8d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #a4a4a4), color-stop(100%, #8d8d8d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a4a4a4 1%, #8d8d8d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a4a4a4 1%, #8d8d8d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a4a4a4 1%, #8d8d8d 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a4a4a4 1%, #8d8d8d 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4a4a4', endColorstr='#8d8d8d', GradientType=0);
    /* IE6-9 */
}

.ingreso-submit:hover {

    background: #b4b4b4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b4b4b4 1%, #adadad 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #b4b4b4), color-stop(100%, #adadad));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b4b4b4 1%, #adadad 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b4b4b4 1%, #adadad 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b4b4b4 1%, #adadad 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #b4b4b4 1%, #adadad 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4', endColorstr='#adadad', GradientType=0);
    /* IE6-9 */
}
#table-asesores {
    border-collapse: collapse;
}
#table-asesores td, #table-asesores th {
    border: 1px solid #999;
    padding: 0.5rem;
    text-align: left;
}
#table-asesores th {
    font-weight: 800;
}