/*
Theme Name: Dafran Theme
Theme URI: https://www.carpinteriadafran.com
Author: Alexis Dominguez Pizarro
Author URI: https://www.naturedigital.es
Description: Tema personalizado para Carpinteria y Ebanisteria Dafran
Version: 2.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dafran-theme
*/

/*********************************************************

			Hoja de estilo: Global
			Autor: Alexis Dominguez Pizarro 		// 		www.naturedigital.es

*********************************************************/

/* =Global
-------------------------------------------------------------------------------------------*/
*{
	/*Reseteo general: */
	margin:0;
	padding:0;
}

body{
	color:#093a29;
	background-image: url(gfx/fondoweb.jpg);
	background-position:center top;
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
}

header{
	width:990px;
	height:181px;
	margin:0;
	background-image:url(gfx/fondo-header.png);
	background-repeat:no-repeat;
}

article{/* <<<<------ Revisar */
	margin:0;
	padding:0 8px;
	
}

footer{/* <<<<------ Revisar */
	height:40px;
	width:990px;
}

/* Generales */

footer,/* <<<<------ Revisar */
article,section,
hgroup,nav,
figure{
	display:block;
}


#pagina{ /* <<<<------ Revisar */
	width:990px;
	margin:0 auto;
	position:relative;
}


/* Cabeceras y parrafo */
header h1 {
	width:451px;
	height:132px;
	float:left;
	background-image: url(gfx/logo-dafran.png);
	text-indent:-9999px;
}
header p {
	padding: 30px 0 0 250px;
	float: left;
}

/* Cabeceras y parrafo */

h1,h2,h3{/* <<<<------ Revisar */
	font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-weight:bold;
}

h2 span,h3 span{
	font-weight:lighter;
}

h2{
	font-size:25px;
	text-transform: none;
	padding:10px 40px;
}

h3{
	font-size:20px;
	text-transform: none;
	padding:10px 40px;
}

p{
	font-size:16px;
	font-weight: normal;
	padding:10px 40px;
	text-align:justify;
}
p strong{/* <<<<------ Revisar */
	font-weight: bold;
}
a{/* <<<<------ Revisar */
	color:#4b514f;
	text-decoration:none;
	font-weight:bold;
}
a:hover{/* <<<<------ Revisar */
	opacity:0.5;
}

.bloque-central { 
	background-image: url(gfx/fondo-bloque-central.png);
	width:990px;
	padding:15px 0;
	display:inline-block;
}
.bloque-central ul {
	font-weight: bold;
	margin: 10px 0 10px 70px;
}
.decoracion {
	background-image:url(gfx/decoracion-central.png);
	background-repeat:no-repeat;
	width:990px;
	height:9px;
	float:left;
	margin-top:35px;
}
.decoracionfin {
	background-image:url(gfx/decoracion-central.png);
	background-repeat:no-repeat;
	width:990px;
	height:9px;
	float:left;
	margin-bottom:10px;
}

/* Zona PIE */

footer p{
	color:#494f4d;
	text-align:right;
}
footer a {
	color:#494f4d;
	font-size:14px;
	text-decoration:none !important;
}
footer a:hover{
	opacity:0.5;
}

/*----------------------------
	The Navigation Menu
-----------------------------*/

#colorNav{
	margin:0;
	width:990px;
	float:left;
}

#colorNav > ul{
	margin:0 0 0 18px;
	padding:0;
}

#colorNav > ul > li{ /* will style only the top level li */
	list-style: none;
	display: inline-block;
	line-height: 1;
	margin: 1px;
	position:relative;
	padding:14px;
	border-left: 1px solid #ccc;
	}

#colorNav > ul > li > a{
	text-decoration:none !important;
	padding-left:7px;
	background-repeat:no-repeat;
	color:#FFF;
	font-size: 18px;
	font-weight: lighter;
	text-transform: uppercase;
}

#colorNav > ul > li > a:hover{
	opacity:0.5;
}

#colorNav li ul{
	position:absolute;
	list-style:none;
	text-align: left;
	width:196px;
	padding:0;
	margin-left:-14px;
	top:47px;
	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
	z-index:200;
}
#colorNav li ul li{
	background-color:#425f50;
	border-top: 1px #FFF solid;
}
#colorNav > ul > li > ul > li > a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:9px 22px;
	font-size:15px;
	font-weight: lighter;
	display:block;
	text-transform:uppercase;
}

#colorNav > ul > li > ul > li > a:hover{
	opacity:0.5;
}

/* This will trigger the CSS */
/* transition animation on hover */

#colorNav li:hover ul{
	max-height:600px; /* Increase when adding more dropdown items */
}

/*----------------------------
	Rotativo
-----------------------------*/
.rotativo{
	background-image:url(gfx/fondo-rotativo.png);
	background-repeat:no-repeat;
	width:990px;
	height:566px;
	float:left;
}
.como-trabajamos {
	margin: 425px 0 0 39px;
	position: absolute;
	z-index: 100;
}
/* Fotos y miniaturas */

.gallery-icon img {
	border: none;
	margin-bottom:10px;
	margin-right: 14px;
}
.gallery-item {
	float:left;
	margin-bottom: 20px;
	border-top: 1px solid #ebebeb;
	padding-top: 20px;
}
.gallery {	
	padding: 10px 20px 15px 30px;
	width:940px;
}

.attachment-thumbnail{
	float: left;
	margin: 6px;
}
.wp-caption-text {
	text-align:center;
	font-size:13px;
}

/*----------------------------
	Listado subcategorias en páginas
-----------------------------*/
.listado ul li {
	float:left;
	width:33%;
}

/*----------------------------
	Formidable
-----------------------------*/
.frm_forms {
	    padding: 30px;
}