/*
Theme Name: Cotopur Theme
Theme URI: http://www.pimpamestudio.com	
Author: donatfombuena
Author URI: http://donatfombuena.com/
Description: Tema base modificado para la adaptacion a proyectos.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: tema, base, pimpam
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* --------------------------------------------------------------
COMMON STUFF
-------------------------------------------------------------- */
@font-face {
    font-family: 'ralewaymedium';
    src: url('fonts/raleway-medium.eot');
    src: url('fonts/raleway-medium.svg#ralewaymedium') format('svg'),
    	 url('fonts/raleway-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium.woff') format('woff'),
         url('fonts/raleway-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{font-family: 'Open Sans', sans-serif;color:#000;}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin-top:0;font-family: 'Open Sans', sans-serif;}
	a:link, a:focus, a{color:;outline:none;}
	a:hover{color:;}
	p:last-child{margin:0;}

	.body{width:100%;overflow-x:hidden;min-height:500px;}

#fb-root { display: none;} 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width: 102% !important;}
#u_0_1{display:none!important}

input[type=text], input[type=email], input[type=password], textarea, button {-webkit-appearance: none;}
input[type="radio"], input[type="checkbox"]{margin-top:3px;}

html, body{height:100%;}
.body{min-height:100%;}
/* --------------------------------------------------------------
OVERRIDE BOOTSTRAP
-------------------------------------------------------------- */
.container{padding:0 10px;}
.ie678 .front .container{width:940px;}

.front .container, #header .container, #footer .container{max-width:940px;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, 
.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, 
.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:10px;padding-right:10px;}

.row{margin-left:-10px;margin-right:-10px;}

.tooltip-inner {background:;font-size:12px;}
	.tooltip.bottom .tooltip-arrow {border-bottom-color:;} 

/*.form-control:focus{border-color:#BCD530;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(188,213,48,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(188,213,48,0.6);
}*/

/* --------------------------------------------------------------
HEADER
-------------------------------------------------------------- */
#logo{float:left;padding:40px 0 15px 0;}

	.topLinks{position:absolute;top:15px;right:5px;z-index:10;}
		.topLinks ul, .topLinks li{list-style:none;margin:0;padding:0;}
		.topLinks li{display:inline-block;color:#000;text-transform:uppercase;font-size:18px;position:relative;}
		.topLinks li a{color:#000;text-decoration:none;}
		.topLinks li span{cursor:pointer;}

		.topLinks li a:hover, .topLinks li span:hover{color:#69737c;}

		.topLinks li:last-child a{font-size:12px;color:#69737c;padding:5px 5px 0;}
		.topLinks li:last-child a:hover{color:#000;}

	.topLinks .tooltip .tooltip-inner{font-size:11px!important;white-space: nowrap;}

	.topLinks .dropdown-menu{border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;box-shadow:0 0 0 #fff;-moz-box-shadow:0 0 0 #fff;-webkit-box-shadow:0 0 0 #fff;border:0;left:auto;right:100%;top:-4px;
		width:260px;padding:0 6px 0 0;
	}
		.topLinks .dropdown-menu li{width:100%;position:relative;}
		.topLinks .dropdown-menu li .form-group{margin:0;}
		.topLinks .dropdown-menu li .form-control{font-size:13px;}

			.topLinks .dropdown-menu li:after, .topLinks .dropdown-menu li:before {
				left: 253px;
				top: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
			}

			.topLinks .dropdown-menu li:after {
				border-color: rgba(255, 255, 255, 0);
				border-left-color: #fff;
				border-width: 5px;
				margin-top: -5px;
			}
			.topLinks .dropdown-menu li:before {
				border-color: rgba(204, 204, 204, 0);
				border-left-color: #ccc;
				border-width: 6px;
				margin-top: -6px;
			}

/* --------------------------------------------------------------
MAIN MENU
-------------------------------------------------------------- */
.navbar-default{background:none;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;float:left;min-height:1px;margin:0;}

/* --------------------------------------------------------------
PAGE CONTENT
-------------------------------------------------------------- */
#page{overflow:auto;padding-bottom:145px;}

	.main{min-height:300px;padding-bottom:27px;}

/*FRONT PAGE*/
.banners{text-align:center;position:relative;}
	.front .banners:after{position:absolute;bottom:0;left:2%;right:2%;content:"";height:2px;background:#D4DDE6;}
	.front .banners{padding-bottom:42px;margin:0 0 40px}
	img.mainImg{max-width:100%;}

.banners .container{padding:0 5px;max-width:930px;margin-top:-85px;width:100%;}
	.banners .container .row{margin:0 -5px;}
	.banners .container .col-sm-4{padding:0 5px;}

	.banner{text-align:left;position:relative;}
		.banner h3{height:39px;line-height:39px;color:#fff;padding:0 10px;text-transform:uppercase;font-size:18px;position:absolute;bottom:0;width:100%;margin:0;
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
			.banner h3:after{content:"";display:block;position:absolute;top:7px;right:10px;width:29px;height:25px;background:url(images/ico/ico.png)}
			.banner h3 a{color:#fff;text-decoration:none;}
			.banner:hover h3{opacity:0.85;filter:alpha(opacity=85);}
		.banner1 h3{background:#01447B;}
		.banner2 h3{background:#4B4B49;}
		.banner3 h3{background:#CCB237;}

.video_container{margin-bottom: 40px;}
	.video_container .row{border: 1px solid #ccc; padding: 20px;}
		.video_container .video-box{padding-left: 0px;}
		.video_container .texto-box{padding: 30px 45px 30px 20px;}
			.video_container h2{border-top: 2px solid #000; font-size: 32px; margin-bottom: 0; padding-top: 10px; font-weight: 600;}
			.video_container p{border-bottom: 2px solid #000; padding-bottom: 10px; font-size: 20px;}

.modal-dialog{
  width:90%!important;
  max-width:1200px!important;
}
#YouTubeModalBody{
  margin-bottom: -5px !important;
  position: relative; 
    padding-bottom: 56.25%!important;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
#YouTubeModalDialog iframe{
  margin: 0px !important; left: -1px; border-radius: 0px !important;
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#YouTubeModal{
  z-index: 999999;
}
#YouTubeModal .modal-header{display: none;}
#YouTubeModal #YouTubeModalBody iframe{margin: 0px;}

/*CATALOGO*/
.imgCat{padding:10px 12px;float:left;margin:0 0 14px;
	box-shadow:0 0 14px #ccc;-moz-box-shadow:0 0 14px #ccc;-webkit-box-shadow:0 0 14px #ccc;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.imgBlog{margin:0 0 14px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.imgBlog:hover, .imgBlog:hover{opacity:0.85;filter:alpha(opacity=85);}

	#catalogo h4, #blog h4{font-size:12px;}
	#catalogo h4 a, #blog h4 a{color:#000}

/* --------------------------------------------------------------
POST PRODUCTOS
-------------------------------------------------------------- */	
.greyInner{background:#F6F7FB;margin:0 auto;}
.not-front .banners .container{margin-top:0;}
.not-front .main{padding-bottom:0;}

.greyInner>.container{margin-top:-85px;}

.greyInner>.container article{padding:95px 210px 55px;background:#fff;position:relative;}

.middle{display:table;height:100%;width:100%}
	.center{display:table-cell;height:100%;width:100%;vertical-align:middle;}

.blockP{/*max-width:285px;*/width:auto; display: inline-block;}
	.blockP figure{margin:0 0 20px;}
	.postProducto .content .blockP p{font-size:12px;text-align:justify;color:#000;}

.postProducto article header{color:#828080;margin:0 0 45px;}
	.postProducto header h1{text-transform:uppercase;font-size:24px;margin:0 0 15px;position:relative;}
		.postProducto header h1:before{content:"";display:block;position:absolute;top:0;right:100%;width:60px;height:51px;background:url(images/ico/ico.png) -35px 0;margin-right:26px;}
	.postProducto header h3{font-size:48px;margin:0;}

	.postProducto .content p{font-size:18px;line-height:140%;}

	.h-block{margin:70px -190px;height:60px;line-height:60px;color:#fff;padding:0 0 0 200px;font-size:24px;text-transform:uppercase;}
	.bgGrey{background:#DEDCDD;}
	.bgRed{background:#FF3C46;}

	.colors{list-style:none;float:right;margin-right:-6px;}
		.colors li{display:inline-block;width:40px;height:40px;margin:0 3px;border:1px solid #B2B2B2;}

	.right{float:right;}

.caja_iconos{
	width: 100%;
	display: block;
	overflow: hidden;
	height: 82px;
}
#txt_comp{
	display: block;
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: justify;
}

/* --------------------------------------------------------------
PAGE CUIDADOS
-------------------------------------------------------------- */	
.pageCuidados .main{
	background-image: url(images/bg/cuidados.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat: no-repeat;
}

	.whiteInner{background:#fff;}
	.pageCuidados .whiteInner{max-width:735px;margin:0 auto;}
	.pageCuidados .whiteInner>.container{width:100%;}

	.pageCuidados article{padding:100px 130px 54px;}
	.pageCuidados article h1{font-size:18px;color:#00447b;text-transform:uppercase;margin:0 0 15px;}

	.pageCuidados .content p{font-size:14px;line-height:150%;color:#636161;}

	.pageCuidados .content .item{margin:0 0 45px;padding:0 0 20px;border-bottom:2px solid #7EA0C5;}
	.pageCuidados .content .item.first{border-top:2px solid #7EA0C5;padding:25px 0 20px;margin-top:45px;}
		.pageCuidados .content figure{display:block;margin:0 0 15px;}

/* --------------------------------------------------------------
BLOG
-------------------------------------------------------------- */		
.blogPost figure{text-align:center;}
	.blogPost figure img{display:inline-block;}	

	.mainPost{margin:-60px 0 0 90px;background:#F6F7FB;max-width:705px;position:relative;padding:75px 35px 27px 50px;color:#000;}
		.mainPost time{font-size:18px;}
		.cat{color:#000;font-size:18px;font-weight:700;}
		.cat:before{content:"/";display:inline-block;font-weight:400;padding:0 4px 0 5px;}

		.mainPost header{margin:0 0 15px;}
		.mainPost header h1{margin:45px 0 0 0;font-size:24px;text-transform:uppercase;font-weight:600;}
		.mainPost header h3{font-size:24px;margin:0;}

		.mainPost p{font-size:14px;}

	.shareThis{text-align:right;max-width:705px;margin:0 0 0 90px;padding:10px 35px 15px;}
		.shareThis a{font-size:18px;color:#01274B;}
		.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs{float:none;}

.sideBlog{position:absolute;top:0;right:0px;margin:60px 60px 0 0;}
	.sideBlog h4{font-size:24px;margin:0;}
	.sideBlog ul{list-style:none;margin:0;padding:0; max-width: 210px;}
	.sideBlog a{color:#000;font-size:18px;}

	.sideBlock{margin:0 0 40px;}

.pageBlog .main .container{position:relative;}

.prevNext{text-align:right;max-width:705px;margin:0 0 0 90px;padding:10px 0 25px;}
	.prevNext a{display:inline-block;color:#fff;background:#7CA0C2;height:38px;line-height:38px;width:158px;text-align:center;font-size:15px;text-decoration:none;margin-left:3px;}
	.prevNext a:hover{background:#012E57;}

/* --------------------------------------------------------------
PAGE CATALOGO
-------------------------------------------------------------- */	
.pageCatalogo .main{
	background-image: url(images/bg/catalogo.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat: no-repeat;
	min-height:100%;
}


.content_catal{}

	.pageCatalogo article{max-width:785px;margin:0 auto;background:#F6F7FB;padding:35px 35px;clear:both;overflow:hidden;position: relative;}
	.pageCatalogo article h1{margin:0 0 15px;text-transform:uppercase;font-size:20px;color:#69737c; padding-left: 40px;}

		.pageCatalogo article .embed{margin:0 0 50px;width:100%!important;}
		.pageCatalogo article figure{float:right;}
			.pageCatalogo article figure img{border:4px  solid #fff; cursor: pointer;}
			.pageCatalogo article figure figcaption{font-size:10px;text-transform:uppercase;}
			.pageCatalogo article figure figcaption a{color:#737c85;display:inline-block;margin:9px 0 0 0;}
			.pageCatalogo article figure figcaption a:before{display:block;width:39px;margin:0 0 3px;}

		.pageCatalogo article figure figcaption ul{list-style: none;margin-bottom: 0;padding-left: 0;}
		.pageCatalogo article figure figcaption ul li{display: inline-block;margin-right: 10px; cursor: pointer;}	
		.pageCatalogo article figure figcaption ul li img{border: none;}	

	.pageCatalogo .download{padding-right: 40px;}

/* --------------------------------------------------------------
PAGE EMPRESA
-------------------------------------------------------------- */	
.pageEmpresa article{max-width:785px;margin:-90px auto 0;padding:50px 65px 0;position:relative;background:#F6F7FB;}
	.pageEmpresa article header{margin:0 0 55px;clear:both;overflow:hidden;}
	.imgTitle{float:left;}
	.imgBrand{float:right;}

	.pageEmpresa .content h2{text-transform:uppercase;color:#fd3d4a;margin:0;font-size:14px;margin:55px 0 56px;}

	.imgs{width:120%;clear:both;overflow:hidden;padding:90px 0 50px;}
		.imgs figure{float:left;margin:0 10px 0 0;}

	.pageEmpresa .banners img{max-width:100%}
	
	.textoempresa{ text-align:justify;}

/* --------------------------------------------------------------
PAGE PRODUCTOS
-------------------------------------------------------------- */	
.pageProductos .main>.container{margin-top:-85px;padding-bottom:25px;}

	.pageProductos .greyInner>.container article{background:#fff;position:relative;padding:25px;clear:both;overflow:hidden;text-align:right;margin:0 0 25px;}
		.pageProductos .greyInner>.container figure{float:left;position:relative;
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		.pageProductos .greyInner>.container figure:hover{opacity:0.85;filter:alpha(opacity=85);}

		.pageProductos .greyInner>.container .content{float:right;}
		.pageProductos article h1{font-family: 'ralewaymedium';}

			.pageProductos article header img{margin:0 0 10px;}
			.pageProductos article header a{color:#989898;text-decoration:none;font-size:50px;}
			.pageProductos article header a:hover{color:#012E57;}

			.pageProductos article ul{margin:0;padding:0;list-style:none;position:absolute;bottom:25px;right:25px;}
				.pageProductos article ul li{display:inline-block;margin-left:3px;}

			.pageProductos .greyInner>.container figure figcaption{position:absolute;top:-3px;left:100%;text-transform:uppercase;font-size:12px;color:#757677;white-space: nowrap;margin-left:10px;}

/* --------------------------------------------------------------
PAGE CONTACTO
-------------------------------------------------------------- */
#cont_contacto h1{font-size: 22px; margin-bottom: 25px; margin-left: 95px; margin-top: 50px; width: 90px;}
#dataCont{background: none repeat scroll 0 0 #fff; height: 700px; overflow: hidden; width: 800px; padding: 20px;}
#cont_contacto{width: 100%; height: 100%; border: 1px solid #1c4565; color: #1c4565;}
/*.form-1{padding-bottom: 40px; border-bottom: 1px dashed #1c4565;}*/
.form-1{
	border-bottom: 1px dashed #1c4565;
    display: block;
    left: 50%;
    margin-left: -300px;
    padding-bottom: 40px;
    position: absolute;
    width: 600px;
}
.form-2{
	width: 600px;
	position: absolute;
	top: 470px;
	left: 50%;
	margin-left: -300px;
}
.form-3{
	bottom: 60px;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: 105px;
    text-align: right;
    width: 240px;
}
.txt-form{float: left; margin-bottom: 20px; width: 50%;}
.txt-form label{display: block; padding-left: 20px; text-align: left;}
.txt-form input{margin-left: 20px; width: 90%;}
.textarea-form{width: 100%;}
.textarea-form label{display: block; padding-left: 20px;}
.textarea-form textarea{display: block; margin-left: 20px; width: 95%;}
.textarea-form span{float: right; margin-right: 20px; margin-top: 5px;}
.check-form{display: block;}
.check-form label{margin-left: 10px; position: relative; top: -4px;}
.buttonForm{
	background: none repeat scroll 0 0 #1c4565;
    border: medium none;
    color: #fff;
    font-size: 18px;
    margin-top: 14px;
    padding: 5px 25px;
}
#fancybox-close{background: url("images/ico/fancy-close.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 15px; right: -10px; top: 30px; width: 15px;}

#ajax_loader{bottom: -105px; color: #fff; position: absolute;}
#ajax_loader img{}
#ajax_loader h4{padding: 5px 10px; position: relative; top: 3px;}
#txt_mal{background: none repeat scroll 0 0 #f00;}
#txt_correcto{background: none repeat scroll 0 0 #0F0;}

/* --------------------------------------------------------------
FOOTER
-------------------------------------------------------------- */	
#footer{height:145px;overflow:hidden;position: relative;margin-top:-145px;}

	#topFooter{background:#012E57;position:relative;}
	#topFooter:before{content:"";display:block;width:100%;height:5px;position:absolute;left:0;top:56px;background:url(images/bg/footer.png);}

	#topFooter a{color:#8097ab;font-size:12px;text-decoration:none;}
	#topFooter a:hover{color:#fff;}

	#topFooter .mailTo{position:absolute;top:-6px;left:10px;text-transform:uppercase;}
		.mailTo i{font-size:36px;position:relative;top:7px;}

	.baseLinks{list-style:none;text-align:center;height:55px;line-height:55px;}
		.baseLinks li{display:inline-block;color:#8097ab;}
		.baseLinks li+li:before{content:"/";display:inline-block;padding:0 5px 0 2px;position:relative;top:1px;}


	.socialLinks{position:absolute;top:14px;right:10px;list-style:none;padding:0;}
		.socialLinks li{display:inline-block;}
		.socialLinks li a{font-size:20px!important;}
		.socialLinks li .tooltip-inner{white-space: nowrap;color:#69737c;background:#fff}
		.socialLinks li .tooltip-arrow{border-bottom-color:#fff!important;}

	.footerLinks{list-style:none;padding:0;}
		.footerLinks li{float:left;width:20%;text-align:center;height:45px;line-height:40px;}

	#clousure{font-size:11px;padding:10px 0;color:#002e56;text-align:center;}
		#clousure a{color:#002e56;}
		#clousure a:before{content:"|";display:inline-block;padding:0 4px 0 5px;position:relative;top:-1px;}

#impliedsubmit{
	background: none repeat scroll 0 0 #4b4b49;
    border: medium none;
    color: #fff;
    opacity: 1 !important;
    padding: 5px 20px;
}

#lipsum{
	text-align:justify;
	}

#humanstxt:before{content: "" !important;}
/* --------------------------------------------------------------
MEDIA QUERIES
-------------------------------------------------------------- */	
/*
from small to large
just medium
large
and really large
*/

/* --------------------------------------------------------------
SMALL DEVICES AND UP
-------------------------------------------------------------- */
@media (max-width:1024px) {
	.pageProductos .greyInner>.container figure{width:60%;}
	.greyInner>.container article{padding:70px 140px 55px;}
	.h-block {margin: 70px -120px;padding: 0 0 0 120px;}

	.mainPost, .shareThis, .prevNext{margin-left:20px;}
	.sideBlog{margin-right:0;}
		.sideBlog h4{font-size:22px;}
		.sideBlog a{font-size:16px;}

	.pageCuidados article{padding:60px 70px 44px;}
}

@media (max-width:800px) {
	#page{padding-bottom:160px;}
	#footer{height:160px;margin-top:-160px;}

	.navbar-nav{padding-left:21px!important;}
	.navbar-nav>li{padding:0 10px!important;}
	.navbar-nav>li:first-child{padding:0 10px 0 0!important;}
	.navbar-nav>li:last-child{padding:0 0 0 10px!important;}
		.navbar-default .navbar-nav>li>a{font-size:17px!important;}

	.pageProductos .greyInner>.container figure{width:53%;}
	.pageProductos .greyInner>.container .content{width:45%;}
	.pageProductos article header img{float:right;margin:0 0 70px 20px;}

	.greyInner>.container article{padding:50px 50px 50px;}
	.h-block {margin: 70px -30px;padding: 0 0 0 30px;}

	.mainPost, .shareThis, .prevNext{padding-left:35px;margin-left:5%;width:90%;max-width:90%}
	.sideBlog{position:relative;top:0!important;margin:30px 0 0 5%;width:90%;}
		.sideBlock{width:33.3333%;padding:0 10px;float:left;}
		.sideBlog h4{font-size:20px;}

		.pageCatalogo article{padding:35px 50px;}

	.pageEmpresa article{padding:50px 45px 0;margin-top:-50px;}
}

@media (max-width:767px){

	  #YouTubeModalDialog{width: 95% !important;}
    #YouTubeModalDialog iframe{margin: 0px !important; left: -1px;}

	.pageProductos .greyInner>.container figure, .pageProductos .greyInner>.container .content{width:100%;}
	.pageProductos .greyInner>.container figure figcaption{position:relative;left:auto;bottom:auto;display:block;padding:8px 0 13px;}
	.pageProductos article header img{float:none;margin:0 0 10px 0px;}
	.pageProductos article header h1{margin:0;}
	.pageProductos article ul{right:auto;left:25px;}

	#topFooter .mailTo, .socialLinks{display:none;}
	.footerLinks{padding:0;}

	.navbar-default{float:right;width:100%;margin-top:-45px;}
		.navbar-toggle{margin:0;padding:7px;border:0;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background:#01274B;}
		.navbar-toggle .icon-bar{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;height:width:25px;background:#fff!important;}
		.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#01274B;}

		.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;padding:0;}
		.navbar-nav{margin:0;padding:10px 0!important;}
		.navbar-nav>li, .navbar-nav>li:last-child{padding:0!important;}

		.navbar-nav>li+li{border-top:1px solid #ececec;}

	.pageCuidados .whiteInner{max-width:90%;margin-left:5%;}


	/*home*/
	.banner{width:300px;margin:0 auto 20px;}
		#catalogo h4{margin:10px 0 20px 0;width:100%;float:none;clear:both;}

	.postProducto article header{padding-left:55px;}
	.blockP{max-width:100%;float:none!important;}

	.colors{padding-left:15px;}

	.sideBlog h4 {font-size:16px;margin:0 0 5px;font-weight:600;}
	.sideBlog a{font-size:14px;}

	.mainPost{padding:30px 35px;}
	.mainPost header h1{margin-top:25px}
	.shareThis{padding-right:0;}

	.pageCatalogo article{padding:35px;}

	.pageCuidados article{padding:35px;}

	.pageEmpresa article{padding:30px 20px 0;}
		.imgTitle{width:120px;}
		.imgBrand{width:400px;}

	.imgs figure img{width:128px;}


}	

@media (max-width:570px){
	.greyInner>.container{margin-top:-40px;}
	.pageProductos .greyInner>.container article{padding:10px}
		.pageProductos .greyInner>.container article .content{position:relative;}
		.pageProductos article ul{bottom:auto;top:0;left:0;}

		#page{padding-bottom:0px;}
		#footer{height:auto;margin-top:0px;position:relative;}

		.baseLinks{height:auto;line-height:30px;padding:0;}
		#topFooter:before{top:66px;}
		.topLink{top:8px;}

		.greyInner>.container article {padding:30px 15px 25px;}
		.postProducto article header{margin-bottom:25px;padding-left: 65px;}
		.postProducto header h1{font-size:26px;}
			.postProducto header h1:before{margin-right:10px;}
		.postProducto header h3{font-size:36px;}

		.postProducto .content p{font-size:14px;}

		.h-block{margin:30px 0px;font-size:18px;padding: 0 0 0 10px;}

		.mainPost{padding:15px 20px;}
		.mainPost header h1{font-size:20px;margin-top:20px}
		.mainPost time, .cat{font-size:15px;}
		.mainPost header h3{font-size:20px;}

		.mainPost p{font-size:13px;}

		.shareThis{padding-right:15px;}
		.prevNext{padding-left:0}
			.prevNext a{width:139px;font-size:14px;}

		.sideBlock{width:100%;padding:0;}

		.pageCatalogo article{padding:35px 15px;}

		.pageCuidados article{padding:35px 15px;}
		.pageCuidados article .content p{font-size:13px;}

	.pageEmpresa article{padding:20px 15px 0;margin-top:-25px;}
		.pageEmpresa article header{margin-bottom:25px;}
		.imgTitle{width:auto;float:none;margin:0 0 25px;}
		.imgBrand{width:100%;max-width:100%;float:none;}

	.imgs figure img{width:128px;}

	.pageEmpresa article p{font-size:13px;}

	.pageEmpresa .content h2{line-height:140%;margin:20px 0 21px;}

	.imgs{width:100%;margin:0;}
		.imgs figure{width:50%;padding:0 10px;margin:0 0 15px;}
		.imgs figure img{width:100%;}
}

@media (max-width:360px){
	#topFooter:before{top:100px;}
}

/* --------------------------------------------------------------
MEDIUM DEVICES AND UP
-------------------------------------------------------------- */
@media (min-width: 768px) {
	.navbar-nav{padding:75px 0 0 48px;}
	.navbar-collapse{padding:0;}

	.navbar-default .navbar-nav>li>a{padding:0;text-transform:uppercase;color:#69737c;font-size:16px;}
	
	.navbar-nav>li{padding:0 15px;}
	.navbar-nav>li:first-child{padding-left:0;}
	.navbar-nav>li:last-child{padding-right:0;}

	/*dropdown*/
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;color:#002e56;}
	.navbar-nav>li>.dropdown-menu{
		left:-9px;
		border:0;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		background: rgba(255, 255, 255, 1);
		box-shadow: 3px 4px 3px #606060;
		-moz-box-shadow: 3px 4px 3px #606060;
		-webkit-box-shadow: 3px 4px 3px #606060;
	}

		.navbar-nav>li>.dropdown-menu{margin-top:13px;}
		.dropdown-menu>li>a{
			color: #69737c;
			font-size: 15px;
			padding: 5px 30px;
			text-transform: uppercase;
			}
		.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:none;}
}

/* --------------------------------------------------------------
JUST MEDIUM DEVICES
-------------------------------------------------------------- */
@media only screen and (min-width: 767px) and (max-width: 1023px) {

}

/* --------------------------------------------------------------
LARGE DEVICES / DESKTOP
-------------------------------------------------------------- */
@media (min-width: 1025px) {

}


@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}