/**
  Theme Name: petit blau
  Theme URI: http://www.petitblau.com
  Version: 1.0
  Author: cumesoft.com | Jordi C.
  Author URI: http://www.cumesoft.com
  Tags: simple, clean, fixed width, widget-ready, widgets, right sidebar, two columns, valid XHTML, valid CSS, blank-slate
  Licence: PRIVATE BUSINESS
  
  Description: A theme created with developers for works business.

  The CSS that follows is the bare minimum of styling for a two column, fixed width and centred layout that should be
  consistent in 'modern browsers'
*/



/* Contenido css GrowMaxWater - blog  , webmaster | Jordi C | cumesoft.com | info@cumesoft.com */
* {
margin: 0;
}
html, body {
height: 100%;
#height:auto; /*Hack explorer 7 footer fixed */

}
img {
    max-width: 100%;
    height: auto;
}
#tinymce li {
    display: list-item;
    list-style: inside none disc;
}
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
body {    

	

	
	font-family: "Arial",Helvetica,sans-serif;
    font-size: 15px;
    color:#444;

}

body .container_12   {
    /*margin: 0 auto !important;*/

    max-width: 1024px !important;
    width: 98% !important;
    margin: 0 auto !important;
    /*min-width: 768px !important;
    margin: 0 auto !important;*/
}

body.home h1.postTitle {display: none;}

/*********** Page ***********/
#page {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto -100px;

}
#content { min-height: 400px;
}

.article ul {list-style: inside;}
.article ul li {margin-left: 5px;line-height: 20px;display: list-item;}
/*********** Header **********/

.header {


}

.logo {
	margin-top: 20px;
    padding-bottom: 0px;
    max-width: 100% !important;
    height: auto;
     display: block;
    margin: 0 auto;
}

/*********** lang ************/
ul.lang {
	padding:10px;
}
ul.lang li {
	display: inline;
	padding: 4px;

}

/*********** Menu ************/
.menu {
    width: 100%;
    padding-bottom: 5px
}
.menu ul {margin: 0 auto;display: block;overflow: hidden;}
.menu ul li {

float: left;

display: block;
width: 13.4%;
margin: 0 0.44% 0 0.44%;
text-align: center;
height: 30px;
line-height: 30px;
background-color: #009CC4;

}
.menu ul li:hover {
    background-color: #0C23D1
}
.menu ul li a {display: block;
text-decoration: none;
color: #FFF;
}
body.blog .menu ul li.current_page_item  a ,
body.page .menu ul li.current_page_item  a , body.archive .menu ul li.current-menu-item a ,
body.page.menu ul li.current_page_parent a ,
body.single .menu ul li.current_page_parent a ,

body.archive .menu ul li.current_page_parent  a ,

body .menu ul li.current-page-ancestor a
 {

    font-weight: bold;
    font-size: 110%;
    background-color: #0C23D1
}


/********** sub-menu page  ************/

#sub-menu ul {padding-top: 5px}

#sub-menu > ul li a {
    background-color: #009CC4;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 4px;
    text-decoration: none;
    text-indent: 5px;
}
#sub-menu ul li a:hover , #sub-menu ul li.current_page_item a {background-color: #0c23d1;
text-decoration: none;color:#FFF;}


/*body.parent-pageid-67 table td {padding: 0 5px 8px 5px;width: 48%;float: left;}*/
body.parent-pageid-67 table tr {border-bottom: 1px solid #999}
/*body.parent-pageid-67 table td {
    float: left;
    margin: 2%;
    text-align: justify;
    width: 46%;
}*/
body.article ul li {padding-bottom: 8px}
/********** article  ************/

.article {


border-radius: 6px;
overflow: hidden;

}





hr {border-top: 1px dotted #4688bf;width: 100%;height: 12px}
.postMeta {margin: 0}
.postMeta a {color:#4688BF;text-decoration: none;font-style: italic;}
.postMeta a:hover {text-decoration: underline;}
.titleMeta {   
    color: #444;

}

.article a {color:#4688BF;text-decoration: none;}
.article a:hover {text-decoration: underline;}

blockquote {
    border-left: 2px solid #00c6ff !important;
}
blockquote {
    border-left: 1px solid #4688bf !important;;
    
    float: left !important;
    margin: 10px 15px 10px 0 !important;
    padding: 10px 5px 5px 30px !important;
    width: 33% !important;
    background: url("img/fons-caption-bottom.png");
}
blockquote p {
    font-style: italic;
    color: #777;
    font-size: 95%;
    line-height: 24px;
}
/********** categories ************/
.postWrapper {}
.categories {

width: 100%;
min-height: 300px;
background-color: #FFF;
margin: 10px 0 20px;
font-size: 15px;
box-shadow: 0 4px 6px -2px #666;

}
.categories a {color:#444;text-decoration: none;}
.categories a:hover {color:#000;text-decoration: underline;}

.widget-area {padding: 5px}

.widget-area ul  {padding-bottom: 15px}
.widget-area ul li {
   
    line-height: 22px;
    list-style: inside;
    padding-bottom: 2px;
}
.widget-area ul:first-child {margin-left: 0 !important}
.widget-area ul > li ul > li > ul li  {

	margin-left: 14px;
}
.widget-area h3 {border-top: 1px solid #EFEFEF}
.widget_search input {width: 94%;margin: 5px 0px}
.widget_search input[type="submit"] {width: 48%;cursor: pointer;min-width: 50px}
.widget-area .current-cat {font-weight: bold;}
#categories-6 , #recent-posts-6 {display: none }



/*********** Footer **********/
.footer {
	width: 100%;
	background-color: #0b5e74;
    color: #FFF;
	text-align: center;
    overflow: hidden;
}
.footer , .push {
min-height: 100px;
clear: both;
display: block;
}
.footer a {color:#EFEFEF;text-decoration: underline;}
.footer p {font-size: 12px;color: #EFEFEF;margin:10px;text-align: center;}




/******** PLUS STYLES **********/
.right {
	float: right;
}
.left {
	float: left
}
.clear {
	clear: both;
}
h1 {

	font-size: 28px;
	font-weight: bold;
    padding-bottom: 8px;
    padding-top: 10px;
    color:#171595;



}
h2 {

	font-size: 24px;    
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 14px;
    color:#171595;


}
h3 {

	font-size: 18px;    
    font-weight: bold;
    padding-bottom: 6px;
    padding-top: 10px;
    color:#333;


}
h4 {

    font-size: 16px;    
    font-weight: normal;
    padding-bottom: 2px;
    padding-top: 10px;
    color:#333;


}



p {
   font-size:15px;
    line-height: 22px;
    padding-bottom: 10px;
    color:#444;

}

body .banner_header > h1.postTitle  {
    /*border-bottom: 1px solid #171595;*/
    width: 30%;
    text-indent: 10px;
    position:absolute;
    margin-top: -80px; 
    color: #171595;
    text-shadow:1px 1px 1px #999;
    font-weight: normal;
    background: url("img/trans-white-30.png");
    
}
/*body.page-id-279 h1.postTitle {color: #FFF !important;box-shadow: 0 !important}*/

/* Comments
-------------------------------------------------------------- */
#responder_comments {

    padding: 15px;
}
#responder_comments textarea {width: 94%;height: 160px;}
#responder_comments ul {margin:10px;}
#responder_comments ul.children {margin-left: 20px}
#responder_comments a {color:#4688bf;text-decoration: none;}
#responder_comments a:hover {text-decoration: underline;}
.comment-body {margin:20px 0px;padding:5px;border-top: 1px solid #999;border-bottom: 1px solid #999}



/* Gallery
-------------------------------------------------------------- */
.gallery  {clear: both;}
.gallery-icon {
    display: table-cell;
    height: 150px !important;
    overflow: hidden;
    vertical-align: middle;
}
.gallery-icon a {display: block;}
.gallery-icon img {

}

.gallery-item img {border: none !important;

}
.gallery-item dt image {

    vertical-align: middle !important;
    
}
.wp-caption-text {font-size: 90%;}

/* Gallery
-------------------------------------------------------------- */
.slider_home {
    margin: 0 auto;
    text-align: center;
    width: 100%;
background: url("img/blue-raya.jpg") center center;
height: auto;
overflow: hidden;
}

    .cycloneslider {
    margin: 0 auto 0px !important;
    position: relative;
    background-color: #FFF
}
.cycloneslider img {width: 100%;height: auto}
.cycloneslider {max-width: 1400px !important}
.cycloneslider-slides img {margin: 0 auto}

.cycloneslider-template-responsive img {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
}

/* Css3
-------------------------------------------------------------- */
.article a img {transition:all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }

.article a img:hover {opacity: 0.8;}

/* Responsive
-------------------------------------------------------------- */
#sections {width: 100%}
 #sections .postWrapper {
    width: 48%  !important;
    margin: 3%;
    margin: 0 1% 5% 1%;
    float: left;
    padding-bottom: 20px;
    border-bottom: 2px solid #4688bf;
}

img.banner_page  {

    width: 100% !important;
    height: auto !important;
}
body.archive img.image-blog {
    /*width: 100% !important;
    height: auto !important;*/
    /*height: auto !important;
    width: 100% !important;    
    display: block;*/
    
}
.right_reponsive {

    float: right;
    max-width: 45%;
    display: block;
}
.left_reponsive {

    float: left;
    max-width: 45%;
    display: block;
}
/*
.image_responsive {

    width: 100%;
    height: auto
}



@media all and (max-width: 960px)  {
.gallery-item  {width: 50% !important;
height: auto}

iframe {width: 100% !important;
min-height: auto !important}

}

@media all and (max-width: 768px)  {

.post {

    width: 100%;
    clear: both;

}
.left , .right {float: none;}




}

@media all and (max-width: 640px)  {
.image-featured , 
.container_12 .grid_1 ,
.container_12 .grid_2 ,
.container_12 .grid_3 ,
.container_12 .grid_4 ,
.container_12 .grid_5 ,
.container_12 .grid_6 ,
.container_12 .grid_7 ,
.container_12 .grid_8 ,
.container_12 .grid_9 ,
.container_12 .grid_10 , 
.container_12 .grid_11 ,
.container_12 .grid_12 
 {width:100%;}
 
.gallery-item  {width: 50% !important;
height: auto}


 .article img {
    width: 100% !important;
    height: auto !important;
    clear:both;
}  
select {

    width: 100% !important;
    font-size: 120%;
}

#categories-3 , #recent-posts-3 {display: none;}

#categories-4 , #recent-posts-4 {display: block}

img.image_warranty {width: 50% !important;height: auto;}

} */




@media all and (max-width: 768px)  {

    table , table tr , table tr td {max-width: 100% !important;height: auto !important}

    body.parent-pageid-67 table td {padding: 0 5px 8px 5px;width: 100%;float: none;}
    body.parent-pageid-67 table td {border-bottom: 1px solid #999;bottom-top:1px solid #999;}

    .promocion {
    background-image: url("img/promocions-petitblau.png");
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 110px;
    margin-top: 30px;
    transform: scale(1) rotate(0deg) translate(0px) !important;
    width: 110px;
    z-index: 999;
    position: absolute !important;
    right: 0px !important;
    margin-top: -120px !important;
    background-size: 70%;
    background-position: right;
}

img.logo {width: 120px}
    .gallery-item  {width: 50% !important;
height: auto}
.gallery-item {
    height: auto;
    width: 25% !important;
}
.gallery-icon {
    display: table-cell;
    height: 50% !important;
    overflow: hidden;
    vertical-align: middle;
}

    input , textarea {width: 94%;display: block;}
    input[type='submit'] {width: 70%}

.left_reponsive , .left_right  {

    float: none;
    max-width: 100%;
}
#sections .postWrapper  { 

float: none !important;
width: 100% !important;
}





    .menu ul li {


width: 32%;
margin: 0 0 1% 1%;
text-align: center;
height: 30px;
line-height: 30px;
background-color: #009CC4;

}
.menu ul li:first-child {display: none}

select {

    width: 100% !important;
    font-size: 120%;
}
.post {
    width: 96%;
    clear: both;
    margin-left: 2%;
    margin-right: 2%;
}
.left , .right , .alignright , .alignleft ,
 a img.alignright , 
 a img.aligleft 
 {float: none !important}

#categories-5 , #recent-posts-5 {display: none;}
#categories-6 , #recent-posts-6 {display: block}


.image-featured , 
.container_12 .grid_1 ,
.container_12 .grid_2 ,
.container_12 .grid_3 ,
.container_12 .grid_4 ,
.container_12 .grid_5 ,
.container_12 .grid_6 ,
.container_12 .grid_7 ,
.container_12 .grid_8 ,
.container_12 .grid_9 ,
.container_12 .grid_10 , 
.container_12 .grid_11 ,
.container_12 .grid_12 ,
th, td, caption

 {width:100%;
    display: block;
    text-align: left !important;
    padding: 0px !important;
    margin: 0px !important;

}

.article img {
    height: auto;
    margin: auto 1% !important;
    max-width: 98%;
    }


/* form */
img.ajax-loader {width: auto !important}

.postWrapper {margin: 0 !important}
iframe {width: 100% !important;
min-height: auto !important;
margin: 0 !important;
border-radius: none !important
}
.article img.wp-smiley {width: auto !important}


.capa_facebook {height: 30px !important;overflow: hidden !important;border: 2px solid red}

}

a:hover {-webkit-transition: all 0.3 ease-out 0s;
    -moz-transition: all 0.3 ease-out 0s;
    -ms-transition: all 0.3 ease-out 0s;
    -o-transition: all 0.3 ease-out 0s ;
    transition: all 0.3s ease-out 0s ;}

.promocion {
    background-image: url("img/promocions-petitblau.png");
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 110px;
    margin-top: 30px;
    transform: scale(1) rotate(330deg) translate(0px);
    width: 110px;
    z-index: 999;
}

.promocion:hover  {
    transform: scale(1) rotate(0deg) translate(0px);
}



/* =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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* =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%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* =Css extend theme private
-------------------------------------------------------------- */
.clear {clear:both}
.right {float:right !important}
.left {float:left !important}
.mas_20 {margin-left:20px !important}
.menos_20 {margin-right:-20px !important}
.padding_bottom_5 {padding-bottom:5px !important}
.padding_bottom_10 {padding-bottom:10px !important}
.padding_bottom_15 {padding-bottom:15px !important}
.padding_bottom_25 {padding-bottom:25px !important}
.padding_bottom_40 {padding-bottom:40px !important}
.padding_bottom_50 {padding-bottom:50px !important}
.padding_bottom_75 {padding-bottom:75px !important}
.padding_bottom_100 {padding-bottom:100px !important}

.padding_top_5 {padding-top:5px !important}
.padding_top_10 {padding-top:10px !important}
.padding_top_15 {padding-top:15px !important}
.padding_top_25 {padding-top:25px !important}
.padding_top_40 {padding-top:40px !important}
.padding_top_50 {padding-top:50px !important}
.padding_top_75 {padding-top:75px !important}
.padding_top_100 {padding-top:100px !important}

.padding_right_5 {padding-right:5px !important}
.padding_right_10 {padding-right:10px !important}
.padding_right_15 {padding-right:15px !important}
.padding_right_25 {padding-right:25px !important}
.padding_right_40 {padding-right:40px !important}
.padding_right_50 {padding-right:50px !important}
.padding_right_75 {padding-right:75px !important}
.padding_right_100 {padding-right:100px !important}

.padding_left_5 {padding-left:5px !important}
.padding_left_10 {padding-left:10px !important}
.padding_left_15 {padding-left:15px !important}
.padding_left_25 {padding-left:25px !important}
.padding_left_40 {padding-left:40px !important}
.padding_left_50 {padding-left:50px !important}
.padding_left_75 {padding-left:75px !important}
.padding_left_100 {padding-left:100px !important}