/*
Theme Name:     Claritic Theme
Theme URI:      http: //www.claritic.com
Description:    Child theme for the Responsive theme
Author:         Pablo García from Claritic
Template:       responsive
Version:        0.1.0
*/

body{
    font-family: 'Gilles sans',sans-serif;
    color: #878787;
    text-align: left;
}

body, #wrapper, #header, #footer{
    background: #f8f8f8;
    position: relative;
}

a {
    color:#003399;
    font-weight: 400;
    text-decoration: none;
}
 a:hover{
    opacity: 0.50;
}

#logo{
   
    float: none;
    margin-bottom: 3px;
    margin-top: 0px;
    position: relative;
    width: 960px;
   background-color:#787878;

 
}

#social {
    float: right;
    position: absolute;
    right:0;
    top: 75px;
    margin-right: 10px;
}

#social a:hover{
    opacity: 0.75;
}

#lema{
    color: #2b4a8d;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    float: right;
    right: 0;
    bottom: 20px;
}

#slider{
    width: 960px;
    height:400px;

    
}
#slider ul{
    list-style: none inside none;
    margin: auto;
    padding: 0;
}
#slider > ul > li {
    list-style:inside none; 
    padding:0; 
    margin:0; 
    float:left; 
    display:block; 
    position:relative; 
    margin: 13px 8px 0 9px;
} 

.app_li{
    background-image: url(images/elipse_app.png);
    width: 298px;
    height: 298px;
}

.app_li .contenido{
    position: relative  
}

.app_li .contenido .titulo {
    color: #2b4a8d;
    font-size: 27px;
    font-weight: bold;
    height: 90px;
    left: 60px;
    overflow: hidden;
    position: absolute;
    top: 55px;
    white-space: normal;
    width: 180px;
}
.app_li .contenido .descripcion{
    color: #434343;
    font-size: 14px;
    left: 60px;
    overflow: hidden;
    position: absolute;
    top: 110px;
    white-space: normal;
    width: 215px;
    height: 110px
}
.app_li .contenido .boton{
    left: 150px;
    position: absolute;
    top: 220px;
}
.app_li .contenido .boton:hover{
    opacity: 0.75;
}

.estilos_formulario{
    margin: 0px;
}

form{
    margin: 1em 0;
    font-size: 14px;
}    


#formulario input {

  border: thin solid #95c23d;

}
#formulario{
    width: 900px;
    margin: 10px auto;
}

#formulario p{
    margin: 0;
   
}

#formulario_izquierdo{
    float: left;
    width: 370px;
}

#formulario_derecho{
    float: right;
    width: 370px;
    
}

#formulario_derecho textarea{  
    height: 295px;
    border: thin solid #95c23d;
}

#iconos_contacto{
    float: right;
    width: 370px;
}

#iconos_contacto a{
    color: #cccccc;
}

#iconos_contacto img{
    float: left
}
#iconos_contacto span{
    display: block;
    margin-left: 10px;
    float: left;
    margin-top: 8px;
    color: #cccccc;
}
#icono_telefono, #icono_email{
    margin-top: 15px;
    width: 185px;
    float: left
}

.clear{
    clear: both
}


#wrapper{
    border: none;
    margin: 0px 90px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#content-full{
    margin-top: 0px;
}

#content{
    margin-top: 70px;
}

.post-entry{
    color: #878787;
}

.widget-wrapper{
   
    margin: 0 0 0px 0px;
    border: 0px;
padding-left:0px;
padding-top:10px;
    
}


#widgets ul .children{
    list-style-type: none;
    background-color: #fff;
}

#widgets ul li .children {
    background-color:#95c23d;
    line-height: 30px;
    padding-left: 10px;
    width: 225px;
    border-width: thin;
    border-style: solid;
    border-color: #2b4a8d;
}

#widgets ul {
    list-style-type: none;
    padding-left:0px;
text-align: left;

}

.widget-wrapper a{
    color: #787878;

}
.widget-wrapper a:hover{
    opacity: 0.50;
}

.widget-title, .widget-title-home h3 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 0 0 20px;
    text-align: left;
}

.col-540 {
    text-align: center;
    width: 100%;
}

#responsive_menu_button{
    display: none
}

.titulo_seccion{
    color: #878787;
    font-size: 19px;
    font-weight: bold;
    padding-top: 10px;
    text-align: left;
}

.front-page #wrapper {
    margin: 20px;
}

.top-menu{
    position: relative;
    z-index: 100
}

.top-menu li a {
  border-left: 1px solid #fff;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 10px 5px 10px;
  valign:middle;
  font-weight: 700;
}


h1 {
    font-size: 1.5em; /* = 19px */
    margin-bottom: .5em;
    margin-top: .5em;
    color: #003399;
    text-align: left;
 line-height: 25px;

}

.breadcrumb-list {
    color:#9f9f9f;
    font-weight: bold;
    padding-bottom:10px;
  
}

.breadcrumb-list a {
    color: #2b4a8d;
    font-weight: bold;
}


/*Horizontal submenu! */
.menu li {
    position: static;  

}
.menu ul {
    position: static;
    left: auto;
}
.menu li:hover > ul {
    top: auto;
}
.menu li a {
    display: block;

}
.menu li ul {
    display: none;
}


.front-page .menu .current_page_item a {
  background: none;
  background-color: #99cc00;
  background-image: none;
  filter: none;
  color: #fff;
}
/*styles the text in the drop-down horizontal menus*/
.menu li ul a {
    min-width: 100px;
    text-align: center;

}
.menu li ul, .menu li li {
    position: relative;
    display: inline;
    float: left;

}
.menu li:hover li, .menu li.hover li {
    float: left;
}
/*horizontal sub-menu aligns left with nav menu bar, and not with the nav category */
.menu li .sub-menu {
    position: absolute;
    background-color: #eaeaea;
   
}

.menu {
background: none;
background-color: #eaeaea;

}


.menu a {
    color: #878787 !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0 1.3em;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    white-space: nowrap;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #fff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #fff;
}

.menu ul li a:hover .menu li li a:hover {
    color: #003399;
    text-decoration: none;
    background-color: #99cc00;
}

.menu li ul li ul li{
    display: none;
    background-color: #eaeaea;
}

.main-nav li{
   
background-color: #eaeaea;  
}

.menu a:hover {
     background-color: #99cc00;
     opacity: 0.75; 
   color:#ffffff;
}


ul.menu li:hover {
    background: url("images/header/fondo_menu.png") repeat-x scroll 0 0 transparent;   
}

.menu li li a {
    background: none repeat scroll 0 0 transparent !important;
    border: 0px solid;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-shadow: none;
    white-space: nowrap;
}

.menu ul {
    margin-top: 0;
    min-width: 15em;
    width: auto;
    background-color: #eaeaea;
}

.menu li li {
    background: url("images/header/fondo_menu.png") repeat-x scroll 0 0 transparent;
    border: 0 solid #E5E5E5;
    color: #fff;
    filter: none;
    margin: -1px 0 1px;
    width: auto;
}
.main-nav {
    clear: both;
    margin: 0 auto;
    width: 960px;
background-color: #eaeaea;
padding-left: 0px;
}

a:hover, a:focus, a:active {
    background: #eaeaea;
    color: #003399;
    outline: 0 none;
    text-decoration: none;
}

.menu .current_page_item a, .menu .current-menu-item a {
    background-color: #99cc00;
    color:#fff;
}
.cabecera_noticias_widget a{
    color: #787878;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
	}
.cabecera_noticias_widget h3{
	display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 18px 0 10px;
    text-align: left;
	}		
.cabecera_categorias_widget h3{
	display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 0 0 10px;
    text-align: right;
	color: #787878;
	/*border-bottom:solid 2px #2b4a8d;
	text-decoration:underline;*/
	}
.texto_noticias{
	width:100%;
	font-size:1em;
}
.contenedor_imagen_noticias{
	height: 135px;
    margin-left: 5px;
    margin-top: 9px;
    overflow: hidden;
    position: absolute;
    width: 220px; 
}
.contenedor_imagen_noticias img{
    width: 220px; 
}
.imagen_fondo_noticias{
	background:url(images/fondo_blog.png) no-repeat; 
	background-size:92%; 
	max-height:150px; 
	height:150px; 
	width:250px; 
	max-width:250px;
}
.type-post{
	float:left; 
	width:44%; 
	margin-left:1%;
	padding-left:5%;
	}
#widgets ul li{
	list-style:none !important;
}
.widget_categories ul li{
	/*background:#2b4a8d;*/
	margin-left:0px !important;
	width:70%;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:5px;
	moz-border-radius:5px;
	padding:5px !important;
	border:solid 1px #ccc;
	margin-bottom:5px;
	margin-top:3px;
	font-size:12px;
	/*box-shadow: 3px 3px 5px #3C6499;
	moz-box-shadow: 3px 3px 5px #3C6499;*/
	float:right;
	}
.widget_categories ul li a{
	width:100%;	
	padding:5px !important;
	color:#666 !important;
	font-family:Arial, Helvetica, sans-serif;
	}
.widget_categories ul{
	padding-left:0px !important;
	padding-bottom:10px;
	}
.pagenavi {
    margin: 0 0 20px 30px;
    padding: 5px 1px 5px;
    float:left;
    width: 98%;
	margin-left:60%;
}
.pagenavi a {
    padding: 4px 8px 4px 8px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #6e6e6e;
    background-color:#f4f4f4;
	border-radius:3px;
	moz-border-radius:3px;
}
.pagenavi a:hover {
    border: 1px solid #444;
    color: #444;
    background-color: #eee;
	border-radius:3px;
	moz-border-radius:3px;
}
.pagenavi span.pages {
    padding: 4px 8px 4px 8px;
    margin: 3px;
    color: #825a2d;
    font-weight:bold;
    border: 1px solid #999;
    background-color: inherit;
	border-radius:3px;
	moz-border-radius:3px;
}
.pagenavi span.current {
    padding: 4px 8px 4px 8px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #666;
    color: #FFF;
    background-color: #6c6c6c;
	border-radius:3px;
	moz-border-radius:3px;
}
.pagenavi span.expand {
    padding: 4px 8px 4px 8px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
    background-color: inherit;
	border-radius:3px;
	moz-border-radius:3px;
}
.pagenavi .first, .pagenavi .last {
    border: 1px solid #aaa;
	
}
.pagenavi .single_page {
border: 1px dashed #ccc;
}
.alto2{
	padding-top:10px !important;}
	
/* css de woocommerce para docensas*/

.widget_product_categories{
	margin-top:40px;
	margin-bottom:0px;
	padding-bottom: 0px;
}
.widget_product_categories .widget-title{
	color:#95c23d;
	text-align:right;
}
#product_categories-3 {
margin-top: 40px;
margin-bottom: 0px;
padding-bottom: 0px;
padding-left:0px;
}
.product-categories li{
	margin-left:0px !important;
	width:100%;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:5px;
	moz-border-radius:5px;
	padding:5px !important;
	border:solid 1px #C7D9DE;
	margin-bottom:5px;
	margin-top:3px;
	font-size:13px;
	/*box-shadow: 3px 3px 5px #3C6499;
	moz-box-shadow: 3px 3px 5px #3C6499;*/
	float:right;
	}
.product-categories li a{
	width:100%;	
	padding:5px !important;
	color:#666 !important;
	font-family:Arial, Helvetica, sans-serif;
}
#shopping_cart-2 .widget-title{
	color:#95c23d;
	text-align:right;
	padding:0px !important;
	padding-bottom:10px !important;
}
#shopping_cart-3 .widget-title{
	color:#95c23d;
	text-align:right;
	padding:0px !important;
	padding-bottom:10px !important;
}
#shopping_cart-2 {
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
#shopping_cart-3 {
	padding-bottom:0px !important;
	margin-bottom:0px !important;
}
.widget_shopping_cart_content ul li{
	margin-left:0px !important;
	width:100%;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:5px;
	moz-border-radius:5px;
	padding:5px !important;
	border:solid 1px #C7D9DE;
	margin-bottom:5px;
	margin-top:3px;
	font-size:13px;
	/*box-shadow: 3px 3px 5px #3C6499;
	moz-box-shadow: 3px 3px 5px #3C6499;*/
	float:right;
}
.total{
	text-align:right;
	margin-top:4px;
}
.button{
	padding:4px !important;
}
.buttons{
	text-align:right !important;
	}
#best_sellers-2 .widget-title{
	color:#95c23d;
	text-align:right;
	padding:0px !important;
	padding-bottom:10px !important;
}
#best_sellers-3 .widget-title{
	color:#95c23d;
	text-align:right;
	padding:0px !important;
	padding-bottom:10px !important;
}
#best_sellers-2 ul li{
	margin-left:0px !important;
	width:100%;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:5px;
	moz-border-radius:5px;
	padding:5px !important;
	border:solid 1px #C7D9DE;
	margin-bottom:5px;
	margin-top:3px;
	font-size:13px;
	/*box-shadow: 3px 3px 5px #3C6499;
	moz-box-shadow: 3px 3px 5px #3C6499;*/
	float:right;
}
#colophon-widget ul{
	list-style:none;}
#best_sellers-3 ul li{
	margin-left:0px !important;
	width:100%;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:5px;
	moz-border-radius:5px;
	padding:5px !important;
	border:solid 1px #C7D9DE;
	margin-bottom:5px;
	margin-top:3px;
	font-size:12px;
	/*box-shadow: 3px 3px 5px #3C6499;
	moz-box-shadow: 3px 3px 5px #3C6499;*/
	float:right;
}
#best_sellers-3{
	padding-top:5px !important;}
.woocommerce h2{
	color:#95c23d;
    
	}
.address{
	padding:7px !important;
	width:40% !important;
}
.address h3{
	font-size:15px;
	}
.products{
	margin-top:35px !important;
}
.products li{
	width:29.2% !important;
}
.price{
	height:25px !important;
}
img.wp-post-image{
	margin:0px !important;
}
.woocommerce-ordering{
	font-size:12px;
	margin-right:25px !important;
}
.checkout .col-1 {
	width:100% !important;
}
.reviews_tab{
	display:none !important;
}
/* css de woocommerce para docensas*/

@media only screen and ( max-width: 40em ) /* 640 */
{
    .menu:after,
    .menu ul:after {
    display: none;
    }
    
    .js .main-nav .menu{
        display: none;
    }
    
}
h2 {
  font-size: 1.6em;
  margin-bottom: .75em;
  margin-top: .75em;
}
.front-page #wrapper {
  background-color: transparent;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

th,
td,
table {
  border: 1px solid #f8f8f8;
  padding: 0;
}

table {
  border-collapse: collapse;
  width: 100%;
}

h3 {    
text-align: left;
}

.col-620 {
    width: 100%;
}
.widget-title, .widget-title-home h3 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
}