/*

	Theme Name: GenderSpectrum

	Description: The GenderSpectrum Theme is based on Bouncy Theme. 

	Author: Devin Lyttle, Lukas Berredo and Niki Kidd

    Template: bouncy-wp

*/



/*

* PLEASE DO NOT EDIT THIS FILE!

* 

* This file is only in your themefolder for WordPress to recognize basic theme data like name and version

* CSS Rules in this file will not be used by the theme. 

* Instead use the app.css file that is located in your themes /assets/css/ folder to add your styles. 

* If you just want to add small css snippets you might also  want to consider to add it to the designated 

* CSS option field in your themes backend at: Appearance -> Theme Options

*/



/* ---Estilos Sebastian Jeria - Panoptica SPA.--- */



body {

	background: #fff;

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	font-weight: normal;

	font-style: normal;

	font-size: 13px;

	line-height: 1;

	color: #5b5b5b;

	position: relative;

	-webkit-font-smoothing: antialiased

}



.wrap_post a {

	color: #fa5149;

}



.wrap_post_blog a {

color: #fa5149;

}



a:hover, footer a:hover, .menu ul li a:hover {

	color: #888888;

}



.intro {

color: #8e8e8e;

	font-size: 28px;

	line-height: 150%;

	padding-bottom: 10px;

	font-family: 'caecilia_lt_std46LtIt';

	margin-bottom: 10px;

}



.titulo_post {

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px solid #CCC;

}



section#banner_celeste {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #41b2f8;

}



section#banner_verde {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #4cac37;

}



section#banner_rojo {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #fa5149;

}



section#banner_morado {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #824FB3;

}



section#banner_gris {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #8e8e8e;

}



section#banner_verde_gender {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #4dac38;

}



section#banner_amarillo {

	width: 100%;

	height: 140px;

	float: left;

	background-color: #ffc615;

}



article.content {

	width: 1170px;

	margin: 0 auto;

	height: 130px;

}



.titulo {

	float: left;

	width: 900px;

	height: 140px;

}



.titulo h1 {

	color: #fff;

	font-weight: normal;

	padding-top: 10px;

	font-family: 'caecilia_lt_std46LtIt';

}



.migas {

	float: left;

}



.migas ul {

	color: #000;

	opacity: 0.3;

	font-weight: bold;

	font-size: 16px;

	text-transform: uppercase;

}



.migas ul li {

	display: inline;

	float: left;

	padding-right: 10px;

	color: #000;

	font-weight: bold;

	font-size: 16px;

	text-transform: uppercase;

}



.icono {

	width: 110px;

	height: 140px;

	float: right;

}



.page_interior {

	width: 1170px;

	float: left;

	padding: 40px 0;

}



.page_interior p, .mensaje p {

	color: #8e8e8e;

	font-size: 28px;

	line-height: 150%;

	padding-bottom: 10px;

	font-family: 'caecilia_lt_std46LtIt';

	margin-bottom: 10px;

}



.titulo_page {

	text-align: center;

	padding: 3px 5px 2px;

	text-transform: uppercase;

	margin: 0 0 2px;

	border-bottom: 1px solid #ccc;

}



/* ---Estilos Desplegable--- */



.ui-widget {

	color: #666;

	font: 12px/150% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}



/* ---Estilos Menu--- */



ul li.menu-item-150 a:hover, ul li.current_page_item.menu-item-150 a {

	background-color: #41b2f8;

}



ul li.menu-item-103 a:hover, ul li.current_page_item.menu-item-103 a {

	background-color: #4cac37;

}



ul li.menu-item-10 a:hover, ul li.current_page_item.menu-item-10 a {

	background-color: #fa5149;

}



ul li.menu-item-102 a:hover, ul li.current_page_item.menu-item-102 a {

	background-color: #824FB3;

}



/* --- Estilos Single --- */



section.content_caja_loop {

	width: 1160px;

	padding: 0 5px 40px;

	float: left;

}



.content_caja_loop h6 {

	text-transform: uppercase;

}



article.caja_loop {

	float: left;

	width: 285px;

	padding: 10px;

}



	.img_caja_loop {

		float: left;

		width: 265px;

		height: 180px;

		margin-bottom: 10px;

	}



	.img_caja_loop img {

		width: 100%;

		height: 100%;

	}

	

	.img_caja_loop_index {

		float: left;

		width: 265px;

		height: 180px;

	}

	

	.img_caja_loop_index a:hover {

		opacity: 0.5;

	}

	

	.txt_caja_loop {

		float: left;

		width: 265px;

		height: 250px;

	}

	

	.txt_caja_loop h5 {

		text-transform: uppercase;

	}



	.txt_caja_loop_index p, .txt_caja_loop_index h5 {

		float: left;

		width: 265px;

		text-align: center;

		margin: 0;

		padding-bottom: 10px;

	}



	.txt_caja_loop_index h5 {

		margin-bottom: 10px;

		border-bottom: 1px solid #ccc;

	}



/* ---Font Face--- */



@font-face {

    font-family: 'caecilia_lt_std46LtIt';

    src: url('fonts/caecilialtstd-lightitalic.eot');

    src: url('fonts/caecilialtstd-lightitalic.eot?#iefix') format('embedded-opentype'),

         url('fonts/caecilialtstd-lightitalic.woff') format('woff'),

         url('fonts/caecilialtstd-lightitalic.ttf') format('truetype'),

         url('fonts/caecilialtstd-lightitalic.svg#caecilia_lt_std46LtIt') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* ---Estilos Index--- */



#menu_links {

	width: 1166px;

	height: 60px;

	border: 1px solid #cecece;

	float: left;

}



#menu_links ul {

	width: 1166px;

	height: 40px;

	padding-top: 20px;

	margin: 0;

}



#menu_links ul li {

	display: inline;

	padding-right: 24px;

	padding-left: 24px;

	text-align: center;

	border-right: 1px solid #ccc;

}



#menu_links ul li a {

	font-size: 12px;

}



#menu_links ul li.no_line {

	border-right-style: hidden;

}



.mensaje {

	width: 1170px;

	padding: 20px 0;

	float: left;

}



.mensaje p {

	text-align: center;

}



.post_blog {

	width: 370px;

	padding: 8px;

	float: left;

	border-style: none;

}



.post-title {

	width: 350px;

	float: left;

}



.post-title h3 {

	font-size: 20px;

	font-weight: normal;

	font-style: normal;

	text-align: left;

}



.excerpts {

	text-align: left;

	float: left;

	width: 350px;

}



/* ---Estilos Interiores--- */



.wrap_post {

	width: 50%;

	padding: 20px 0;

	float: left;

}



.wrap_post_int {

	width: 50%;

	padding: 20px 0;

	float: left;

}



.wrap_post ul li {

	list-style-position: inside;

}



.wrap_post h5 {

	font-family: 'caecilia_lt_std46LtIt';

	padding-top: 1px;

	margin-top: 0;

}



.wrap_post .caja_loop .txt_caja_loop h5 {

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	font-weight: bold;

}



.wrap_post h7 {

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	font-weight: bold;

	font-size:15px;

}



.wrap_post_blog {

	width: 70%;

	padding: 20px 0;

	float: left;

}



.wrap_post h3, .wrap_post_blog h3 {

	font-family: 'caecilia_lt_std46LtIt';

	font-weight: normal;

	font-style: normal;

	text-decoration: none;

}



.fecha {

	font-size: 11px;

}



.ancla {

	padding-top: 20px; 

	float: left; 

	width: 100%; 

	position: relative; 

	top: -90px; 

	visibility: hidden;

}



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



#side_izq {

	width: 18%;

	padding: 25px 2% 20px 0;

	float: left;

}



#side_izq ul li {

	margin-bottom: 10px;

	padding-bottom: 10px;

	width: 99%;

	display: block;

	border-bottom: 1px solid #ccc;

	margin-top: 10px;

}



#side_izq ul li a {

	border-left: 1% solid #36b6f2;

}



#side_izq ul.topics li a:hover {

	color: #41b2f8;

}



ul.topics li a.current_page_item {

	color: #41b2f8;

	border-left: 3px solid #41b2f8;

	padding-left: 10px;

}



#side_izq ul.we li a:hover {

	color: #4cac37;

}



ul.we li a.current_page_item {

	color: #4cac37;

	border-left: 3px solid #4cac37;

	padding-left: 10px;

}



#side_izq ul.gender li a:hover {

	color: #fa5149;

}



ul.gender li a.current_page_item {

	color: #fa5149;

	border-left: 3px solid #fa5149;

	padding-left: 10px;

}



#side_izq ul.stay li a:hover {

	color: #824FB3;

}



ul.stay li a.current_page_item {

	color: #824FB3;

	border-left: 3px solid #824FB3;

	padding-left: 10px;

}



#side_izq ul.blog li a:hover {

	color: #8e8e8e;

}



ul.blog li a.current_page_item {

	color: #8e8e8e;

	border-left: 3px solid #8e8e8e;

	padding-left: 10px;

}



#side_izq ul.quick li a:hover {

	color: #4dac38;

}



ul.quick li a.current_page_item {

	color: #4dac38;

	border-left: 3px solid #4dac38;

	padding-left: 10px;

}



#side_izq ul.under li a:hover {

	color: #ffc615;

}



ul.under li a.current_page_item {

	color: #ffc615;

	border-left: 3px solid #ffc615;

	padding-left: 10px;

}



.caja_sidebar {

	width: 100%;

	padding-bottom: 20px;

	float: left;

}



#side_der {

	float: right;

	width: 28%;

	padding: 25px 0 20px 2%;

}



#side_der ul {

	margin: 0;

	padding: 0;

	float: left;

}



#side_der ul li {

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom: 1px solid #ccc;

	width: 100%;

	display: block;

	float: left;

}



#side_der ul li a {

	margin: 0;

	padding: 0;

}



#side_der ul li a:hover {

	background-color: transparent;

}



/* ---Estilos Slider--- */



.eight.columns.centered h2 {

	font-family: 'caecilia_lt_std46LtIt';

	text-transform: capitalize;

}



.eight.columns.centered h3 {

	font-weight: bold;

}



.btn.green.slide_btn {

	background-color: transparent;

	border: 1px solid #fff;

}



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



#text-6 .textwidget {

	line-height: 150%;

}



#text-4 .textwidget p {

	margin-bottom: 8px;

	padding-bottom: 8px;

	border-bottom: 1px solid #393939;

}



/* ---Estilos Formulario--- */



.boton {

	padding: 0;

	float: left;

	margin: 0;

}



p.boton input a:hover {

	background-color: #ccc;

}



.post-gallery .fresco img {

	max-width: 370px;

	max-height: 235px;

}



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

	

	aside {

		display: none;

	}

	

	#menu_links {

		width: 96%;

		height: auto;

		margin: 0 2% 4%;

	}

	

	#menu_links ul {

		width: 100%;

		height: auto;

		padding-bottom: 2%;

	}

	

	#menu_links ul li {

		display: block;

		text-align: center;

		border-right-style: hidden;

	}



	.mensaje {

		width: 96%;

		padding: 0 2%;

	}



	section.content_caja_loop {

		width: 100%;

	}



	article.caja_loop {

		width: 100%;

	}



	.img_caja_loop {

		width: 100%;

		height: auto;

	}



	.img_caja_loop a img {

		width: 100%;

	}

	

	.img_caja_loop_index {

		width: 100%;

		height: auto;

	}

	

	.img_caja_loop a img, .img_caja_loop_index a img {

		margin: 0 auto;

		display: block;

	}

	

	.txt_caja_loop {

		width: 100%;

		height: auto;

	}



	.txt_caja_loop_index h5 {

		width: 100%;

	}



	.txt_caja_loop_index p, .txt_caja_loop_index h5 {

		width: 100%;

	}



	.post_blog {

		width: 100%;

		padding: 0;

		border-style: none;

	}



	.post-gallery .fresco {

		width: 100%;

	}



	.post-title {

		width: 100%;

	}

	

	.excerpts {

		width: 100%;

	}



	.fullwidth {

		display: none;

	}



	#banner_celeste, #banner_verde, #banner_rojo, #banner_morado, #banner_gris  {

		width: 96%;

		float: left;

		padding: 2%;

	}

	

	article.content {

		width: 100%;

		height: auto;

	}

	

	.titulo {

		float: left;

		width: 75%;

	}



	.titulo h1 {

		font-size: 30px;

	}

	

	.migas {

		display: none;

	}

	

	.icono {

		width: 25%;

	}

	

	.icono img {

		width: 80%;

	}



	.page_interior {

		width: 96%;

		padding: 0 2%;

	}



	#side_der {

		display: none;

	}



	#side_izq {

		width: 96%;

		padding: 0 2%;

		float: left;

		margin: 0 2%;

	}

	

	.wrap_post {

		width: 96%;

		padding: 0 2%;

		float: left;

		margin: 0 2%;

	}

		

}