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

	Theme Name: Chatter WP Child
	Theme URI: http://www.m-themes.eu
	Description: Theme made for bloggers. Clean and modern looking theme focused on content
	Author: Marcin Michalak
	Author URI: http://themeforest.net/user/maarcin
	Template: chatter
	Tags: custom-menu, custom-header, featured-images, translation-ready, full-width-template, post-formats, theme-options
	Version: 1.0.0
	Text Domain: chatter-child

	Designed and developed by Marcin Michalak. For more please visit http://themeforest.net/user/maarcin
	
----------------------------------------------------------------------------------- */

@import url("../chatter/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;º
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	height:100%;
}
body {
	/*font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
	font-family: 'Roboto', sans-serif !important;
	font-weight:300;
	font-size:14px;
	color:#444;
	background-color:#f4f4f4;
	height:100%;
}
body.error404 {
	background-color:#ffffff;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
	text-decoration:none !important;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	/*max-width:1280px;*/
	/*width:95%;*/
	width:100%;
	margin:0 auto;
	position:relative;
	height:100%;
	/*background-color:#dddddd;*/
}
/* header */
.header {
	border-bottom:1px solid #cecece;
	background-color:#ffffff;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:100;
}
/* logo */
.logo {
	float:left;
	padding-left:17px;
	padding-top:23px;
	margin:0px !important;
}
.logo-img {

}
/* nav */
.nav {
	/*height:100px;*/
	float:right;
	text-transform:uppercase;
	/*margin-left:50px;*/
}
.nav ul {
	margin:0px;
	padding:0px;
}
.nav ul li {
	border-right:1px solid #cecece;
	border-left:0px;
	margin:0px;
	list-style:none;
	/*float:left;*/
	display:table-cell;
	vertical-align:middle;
	height:106px;
}
.nav ul li a {
	display:block;
	padding:40px 25px;
	/*padding:41px 25px;*/
	color:#a3a3a3;
}
.nav ul li:first-child {
	border-left:1px solid #cecece;
}

.nav li:hover {
    background-color: #cecece;
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.nav li:hover a {
	color:#ffffff;
	-webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
}

.contenido_submenu {
	width:100%;
	/*height:41px;*/
	height:0px;
	background-color:#f8f8f8;
	border-top:1px solid #cecece;
	display:none;
}
.contenido_buscador {
	width:100%;
	/*height:41px;*/
	height:0px;
	background-color:#e8e8e8;
	border-top:1px solid #cecece;
	display:none;
	height:200px;
	padding-top:45px;
}
.contenido_buscador .ajaxsearchpro {
	margin:0 auto !important;
	border:none !important;
}
div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.orig { width:750px !important; padding-left:12px; }
div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete { padding-left:12px; max-width:945px; }
#ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox {
	-webkit-border-radius: 0 16px 16px 0;
	-moz-border-radius: 0 16px 16px 0;
	border-radius: 0 16px 16px 0;
}
#ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .promagnifier {
	-webkit-border-radius: 0 16px 16px 0;
	-moz-border-radius: 0 16px 16px 0;
	border-radius: 0 16px 16px 0;
}
#ajaxsearchprores1_1 p.showmore a, #ajaxsearchprores1_2 p.showmore a, div.ajaxsearchpro[id*="ajaxsearchprores1_"] p.showmore a { color:#3f3f3f; }


.nav ul .sub-menu {
	display:none;
	position:absolute;
	width:auto;
	background-color:transparent;
	padding-top:10px;
	bottom: -32px;
}
.nav ul .sub-menu li {
	padding-right:12px;
	padding-left:12px;
	height:auto;
	padding-top:0px;
	padding-bottom:0px;
}
.nav ul .sub-menu li:first-child {
	border-left:none;
	padding-left:0px;
}
.nav ul .sub-menu li:last-child {
	border-right:none;
	padding-right:0px;
}
.nav ul li:hover .sub-menu li a {
	color:#a3a3a3 !important;
}
.nav ul .sub-menu li:hover {
	background-color:transparent;
}
.nav ul li:hover .sub-menu li:hover a {
	color:#000000 !important;
}
.nav ul .sub-menu li a {
	padding:0px;
}

ul.quicks {
	float:right;
	margin:0px;
	padding:0px;
	border-right:1px solid #ececec;
	height:106px;
	display:none;
}
ul.quicks li {
	list-style:none;
	border-bottom:1px solid #ececec;
	padding:6px 6px;
	/*padding:9px 20px;*/
}
ul.quicks li:last-child { 
	border-bottom:none;
}
ul.quicks li:first-child {
	/*padding:5px 0px;*/
	padding:8px 20px;
}
ul.quicks li a {
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	line-height:18px;
	color:#a3a3a3;
}
ul.quicks li.cont_wishlist {
	position:relative;
}
ul.quicks li.cont_wishlist span {
	position:absolute;
	right:15px;
	bottom:2px;
	color:#ffb0b2;
	background-color:#ffffff;
	display:inline-block;
	padding:0px;
	font-size:14px;
	line-height:14px;
	width:14px;
	height:14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	text-align:center;
}

/* BUSCADOR */
.cont_buscar { 
	text-align:center;
}
.buscar { 
	background-image:url(img/buscador/ico-buscador.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:46px;
	padding-top:36px;
	text-align:left;
	width:auto;
	margin-left:4%;
	/*display:inline;*/
	/*text-align:center; */
}
/*.cont_buscar .ico_buscador {
	display:inline-block;
}*/
#ajaxsearchpro1_1, #ajaxsearchpro1_2, div.ajaxsearchpro[id*="ajaxsearchpro1_"] {
	display:inline-block;
	/*margin-top:35px !important;*/
}

#toTop:hover {
	background: #3d9aa8;
}

h1, h2 {
	margin:0px;
}

/* sidebar */
.sidebar {

}
/* footer */
.footer {
	height:70px;
	border-top:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	background-color:#ffffff;
	margin-top:20px;
}
.footer .contenido_footer {
	height:100%;
}
.footer .contenido_footer .sector {
	border-right:1px solid #cbcbcb;
	height:100%;
}
.footer .contenido_footer .sector ul li {
	list-style:none;
	display:inline-block;
	text-align:center;
	margin-right:10px;
}
.footer .contenido_footer .sector p {
	text-align:center;
	color:#a3a3a3;
	font-size:11px;
	text-transform:uppercase;
	margin-top:25px;
}
.footer .contenido_footer .sector p a {
	color:#a3a3a3;
	text-align:center;
	width:100%;
}
.footer .contenido_footer .sector p a img {
	display:inline-block;
	margin-top: -8px;
	margin-right: 5px;
}
.footer .contenido_footer .sector p a span {
	display:inline-block;
}
.footer .contenido_footer .sector.social ul {
	margin-top:20px;
	text-align:center;
	margin-left:0px;
	padding-left:0px;
}




.site-content a:hover { color:#3e9aa8; }

/*------------------------------------*\
    PAGES
\*------------------------------------*/
/* 404 */
.error404 h1 { font-size:101px; color:#000000; text-align:center; font-weight:300; margin:60px 0 28px 0; padding:0px; }
.error404 h2 { font-size:35px; color:#000000; text-align:center; font-weight:300; text-shadow:none; margin:0px; padding:0px; }
.error404 #post-404 { background-image:url(img/fondo-404.jpg); background-position:center bottom 75px; background-repeat:no-repeat; min-height:690px; }
.error404 a.principio { text-align:center; font-size:24px; color:#629cc7; font-weight:300; display:block; position:absolute; bottom:0px; width:100%; }
.error404 a.principio span { font-size:12px; text-transform:uppercase; text-decoration:underline; color:#629cc7; text-align:center; display:block; }
.error404 section.categorias { border-top:0px; }
.error404 section.categorias p.buscando { font-size:24px; text-align:center; font-weight:300; }

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/*@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
.single-post .site-content {
	padding-top:60px !important;
}
.cont_ssba {
	position:relative;
	float:right;
	display:none;
}
.current_page_item {
	font-weight:bold;
}




.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
  border-width: 5px 5px 0;
}
.tooltip-inner {
  color: #000 !important;
  background: #fff !important;
  border: solid 1px #000;
}


.hentry .post-share-button:hover, .hentry .dot-irecommendthis:hover, .hentry .dot-irecommendthis.active { background-color:#3e9aa8 !important; border-bottom:1px solid #3e9aa8 !important; z-index:100; position:relative; }
.post-share { z-index:100; }
.site-content a:hover { border-bottom:1px solid #3e9aa8 !important; }



#ajaxsearchprores1_1.vertical .results .item .image, #ajaxsearchprores1_2.vertical .results .item .image, div.ajaxsearchpro[id*="ajaxsearchprores1_"].vertical .results .item .image { width:127px; }
div.ajaxsearchpro[id*='ajaxsearchprores'] .results .item .image img { height:auto; }
#ajaxsearchprores1_1 p.showmore a, #ajaxsearchprores1_2 p.showmore a, div.ajaxsearchpro[id*="ajaxsearchprores1_"] p.showmore a { text-transform:uppercase; color:rgb(20, 104, 169); }


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}

	.header {
		display:none;
	}
}


@media screen and (max-width: 1165px) {
	.nav { margin-left:25px; }
	div.logo { padding-left:0px; }
}

@media screen and (max-width: 1140px) {
	.nav ul li a { padding: 0px; }
	.nav ul li { padding:0px 20px;}
}

@media screen and (max-width: 1090px) {
	.nav { margin-left:20px; }
	.nav ul li a { padding: 0px; }
	.nav ul li { padding:0px 15px; }
	ul.quicks li { padding: 9px 14px; }
}

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

}

@media screen and (max-width: 1038px) {
	#verMenu {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 16px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-image: none;
		border: 1px solid transparent;
		border-color: #ddd;
		border-radius: 4px;
		background-color:transparent;
	}
	#verMenu:hover {
		background-color:#ddd;
	}
	#verMenu .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
		background-color: #888;
		margin-top:4px;
	}
	#verMenu .icon-bar.primero {
		margin-top:0px;
	}
	

	/* MENU MOVIL */
	div.logo {
		position:relative;
		padding:10px 15px;
		float:left;
	}
	ul.quicks { width:100%; }
	ul.quicks li a {
		font-size:15px;
	}
	.nav { 
		background-color:#fff;
		/*max-width:615px;*/
		width:100%;
		margin-left:0px;
		height:auto;
		position:relative;
		display:none;
	}
	.nav ul { padding:0px; background-color:#fff; width:100%; }
	.nav ul li {
		display:list-item;
		float:none;
		width:100%;
		border:none;
		height:auto;
		text-align:center;
		border-bottom:1px solid #cecece;
		padding:9px 0px 0px 0px;
	}
	.nav ul li:hover a {
		color:#a3a3a3;		
	}
	.nav ul li a:hover {
		color:#a3a3a3;
	}
	.nav ul li:first-child {
		border-left:none;
	}
	.nav ul li:last-child {
		border-bottom:5px solid #cecece;
	}
	.nav ul li:hover {
		background-color:transparent;
	}
	.nav ul li a {
		padding:0px 0px 9px 0px;
		display:block;
		font-size:15px;
		z-index:10;
	}
	.nav ul li a:hover {
		background-color:transparent;
		color:#a3a3a3;
	}
	.header .mobile {
		display:none;
	}

	.nav ul.sub-menu {
		position:relative;
		top:0;
		bottom:0;
		padding:0px;
	}
	.nav ul.sub-menu li {
		padding:4px 0px;
		background-color:#f1f1f1;
	}
	.nav ul.sub-menu li:last-child {
		border-bottom:0px;
	}
	.nav ul.sub-menu li a {
		padding:0px;
	}

	.contenido_submenu {
		display:none !important;
	}
}


@media screen and (max-width: 768px) {
	.contacto .cuerpo ul {
		margin:0 auto;
		display:block;
	}
	.contacto .cuerpo ul li {
		border-right:0px;
		border-bottom:1px dashed #000;
		width:100%;
		margin-right:0px;
	}
	.contacto .cuerpo ul li:last-child {
		border-bottom:0px;
	}
}
@media screen and (max-width: 766px) {
	ul.quicks li { background-color:#ffffff; }
	ul.quicks li.cont_wishlist span {
		right: 50%;
		margin-right: -14px;
	}
}
@media screen and (max-width: 480px) {
	.wrapper {
		padding-top:52px;
	}
	header.header {
		position:fixed;
		height:52px !important;
		background-color:#fff;
	}
	#verMenu {
		margin-top: 8px;
		margin-right: 8px;
		margin-bottom: 8px;
	}
	.header .logo {
		padding: 2px 2px;
	}
	.contenido_header {
		position:fixed;
	}

	.footer .contenido_footer .sector {
		border-right:0px;
		height:auto;
	}
	.footer .contenido_footer .sector p {
		margin:15px 0px;
	}
	.footer .contenido_footer {
		height:auto;
		background-color:#ffffff;
	}

}