/*   
Theme Name: Puchol Zubiaga Asesores
Theme URI: http://www.ovejabeja.com
Description: Plantilla especial para Puchol & Zubiaga Asesores
Author: Iván Briones
Author URI: http://www.ivanbriones.com
Version: 1.0
*/

/* Ivan Briones diseño gráfico y web (http://www.ivanbriones.com) (http://www.ovejabeja.com) */
@charset "utf-8";
/* CSS Document Pucho & Zubiaga */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

b { font-weight: bold;}

:focus {/* remember to define focus styles! */
	outline: 0;
}

a { text-decoration:none;
	-webkit-transition: color .4s linear;
	-o-transition: color .4s linear;
	-moz-transition: color .4s linear;
	text-decoration: none;
	outline: none;
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
margin: 0;
}

img { border:0 none;}


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

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





/*_______________________ Aqui comienzan los estilos ______________________ */

@media screen {

* { margin: 0; padding: 0; }
body { background: white; font: 12px/1.4 Arial, San-Serif; }
.clear { clear: both; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */


body {
	background-color: #2a2a2a;
	background-image:url(../images/bg-body-puchol.png); background-repeat:repeat-x repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.2em;
	}
	
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 10px 0; }
p { margin: 0 0 10px 0; }


a { }
a:hover { } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

html, body { height:100%;}

.clear, .clr {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.cuarenta {height:40px;}
.treinta {height:30px;}
.veinte {height:20px;}
.diez {height:10px;}
.quince {height:15px;}

.text60 { font-size:60px;}
.text50 { font-size:50px;}
.text40 { font-size:40px;}
.text32 { font-size:32px;}
.text30 { font-size:30px;}
.text28 { font-size:28px;}
.text26 { font-size:26px;}
.text24 { font-size:24px;}
.text22 { font-size:22px;}
.text20 { font-size:20px;}
.text18 { font-size:18px;}
.text16 { font-size:16px;}
.text14 { font-size:14px;}
.text12 { font-size:12px;}
.text10 { font-size:10px;}

.text35 { font-size:35px;}
.text27 { font-size:27px;}
.text25 { font-size:25px;}
.text13 { font-size:13px;}
.text11 { font-size:11px;}
.text9 { font-size:9px;}

.centre { margin:0 auto; padding:0 auto;	}
		
.fleft {float:left;}
.fright {float:right;}

.verde {color:#7fbc02;}
.bco {color:#fff;}

.fonty { font-family:'Nimbuslite';}
.fonto { font-family:'NimbusCon';}

/* ______________________ INDEX ________________________*/
#page-wrap { max-width:1100px; margin: 0 auto; position:relative; height:auto; background:top center no-repeat url(../images/header-puchol.png); padding: 0 20px;}
#titulo1 { text-align:center; font-size:72px;}
#titulo1 h1 span {font-size:50px; margin-top:40px; display:block;}
#titulo2 {text-align:center; padding-top:54px; font-size:14px;color:#7fbc02;}
@media screen and (max-width: 1060px) {
	#page-wrap { background-size: 900px auto; -webkit-background-size: 900px auto; -moz-background-size: 900px auto; -o-background-size: 900px auto; }
	/*#titulo1 {padding-top: 370px;}*/
	#titulo2 { max-width: 400px; margin: 0 auto;  line-height: 1.6em;}
}
@media screen and (max-width: 620px) {
	#titulo1 h1 {font-size: 60px;}
	#titulo1 h1 span {font-size: 40px;}
}
@media screen and (max-width: 520px) {
	#page-wrap { background-size: 700px auto; -webkit-background-size: 700px auto; -moz-background-size: 700px auto; -o-background-size: 700px auto; }
	/*#titulo1 { padding-top: 290px; }*/
	#titulo1 h1 {font-size: 50px;}
	#titulo1 h1 span {font-size: 34px;  margin-top: 32px;}
}
@media screen and (max-width: 430px) {
	#titulo1 h1 {max-width: 300px; line-height: 0.9em; margin: 0 auto;}
	#titulo1 h1 span { margin-top: 10px;  font-size: 32px;}
	#titulo2 { max-width: 300px; }
}


#content-map-contact { height:425px; margin:46px auto 20px; width:100%; display:block; /*background:400px 11px no-repeat url(../images/bg-div-formulario.png);*/}
#formulariodiv { float:right; padding-top:10px; max-width: 474px; }
#formulariodiv p { font-size:10px; margin-bottom:10px; color:#0F0;}
#direccion {float:right; padding-bottom: 100px;padding-left:50px;}
#direccion span { font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; line-height:1.2em;}
.copyright { padding-top: 40px; text-align:center; color:#fff; height: 80px; clear: both; }
.copyright a { color:#666; line-height: 2em;}
.copyright a:hover { color:#fff;}
@media screen and (max-width: 1100px) {
	/*#direccion { width: 200px;}*/
}
@media screen and (max-width: 1010px) {
	/*#direccion { width: 150px; padding-left: 20px;}*/
}
@media screen and (max-width: 930px) {
	#content-map-contact {background-position: 310px 11px;}
	#content-map-contact > a img { width: 300px; height: auto;  padding-top: 60px; }
}
@media screen and (max-width: 820px) {
	#content-map-contact {height: auto; margin-bottom: 50px; background-position: 160px 542px;}
	#content-map-contact > a {display: block;}
	#content-map-contact > a img {width: 400px; padding: 0;  margin: 0 auto; display: block;}
	#direccion { float: unset; margin: 0 auto 30px; padding: 0; }
	#formulariodiv { float: unset; margin: 0 auto; }
}
@media screen and (max-width: 670px) {
	#content-map-contact { background-position: 70px 542px;}
}
@media screen and (max-width: 520px) {
	#content-map-contact { background-position: 10px 542px;}
}
@media screen and (max-width: 450px) {
	#content-map-contact { background-position: 10px 450px;}
	#content-map-contact > a img {width: 300px;}
}
@media screen and (max-width: 360px) {
	#content-map-contact { background-position: 0 450px;}
}





/* __________________ CONTACTO  ______________________________*/ 

.label { color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 30px; margin-bottom: 10px;}
.obligatorio { color: #7fbc02; font-size: 14px; font-weight:800; }
#divform #textform, #divform #textareaform { background-color:#e3e3e3; border: medium none; color:#666; float:right; font-family: Arial,Helvetica,sans-serif; font-size:11px; height:20px; margin-bottom:10px; padding:5px;  width: 200px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: 0px 0px 3px #999; -webkit-box-shadow: 0px 0px 3px #999; -moz-box-shadow: 0px 0px 3px #999;}
#divform #textareaform { height:94px;}
#divform label {font-size:11px; color:#666;}
#divform #submitform {width:136px; height:28px; padding:3px; background-color:#7fbc02; color:#fff; border:none; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 2px 2px 3px #000; -webkit-box-shadow: 2px 2px 3px #000; -moz-box-shadow: 2px 2px 3px #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0;}
#divform #submitform:hover {cursor: pointer;background-color:#66ff00; box-shadow: 4px 3px 3px #000; -webkit-box-shadow: 4px 3px 3px #000; -moz-box-shadow: 4px 3px 3px #000;transition-duration:0.5s; -moz-transition-duration:0.5s; /* Firefox 4 */ -webkit-transition-duration:0.5s; /* Safari and Chrome */ -o-transition-duration:0.5s; /* Opera */}
#divform #textform:hover, #divform #textareaform:hover {background-color:#ededed;transition-duration:0.5s; -moz-transition-duration:0.5s; /* Firefox 4 */ -webkit-transition-duration:0.5s; /* Safari and Chrome */ -o-transition-duration:0.5s; /* Opera */}
#divform #textform:focus, #divform #textareaform:focus {background-color:#fff;transition-duration:0.5s; -moz-transition-duration:0.5s; /* Firefox 4 */ -webkit-transition-duration:0.5s; /* Safari and Chrome */ -o-transition-duration:0.5s; /* Opera */}
.campos-obligatorios {color:#666; font-size:11px; line-height:1.5em;}
.obligatorio { vertical-align:central;}

.datos-contacto { font-size:14px; color:#333; height:97px; margin-bottom:10px; line-height: 1.4em;margin-top: -10px;}


} /* END screen media */


@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */


/* __________________ Añadido por Sandra 02/12/2016 ______________________________*/

.return-to-index {
    display: block;
    width: 250px;
    height: 240px;
    margin: 0 auto 220px;
}

.contenido {
	width: 100%;
	max-width: 600px;
	margin: 50px auto;
}

.contenido p,
.contenido table,
.contenido li {
	margin-bottom: 1.5em;
}

.contenido a {
	color: #999;
}

.contenido a:hover,
.contenido a:active,
.contenido a:focus {
	color: #7fbc02;	
}

.contenido h2 {
	color: #7fbc02;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1.5em;
}

table caption {
	font-weight: bold;
	color: #7fbc02;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: .75em;
}

table td,
table th {
	padding: .75em;
	vertical-align: middle;
}

table th {
	font-weight: bold;
}

table tr {
	border-bottom: 1px solid #666;
}

.cc-banner {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	line-height: 1.3;
}

.cc-btn {
	background-color: #7fbc02 !important;
    font-size: 14px;
    margin-left: 10px;
}

.checkbox-politica-privacidad {
	clear: both;
	font-size: 10px;
}

.checkbox-politica-privacidad label {
	color: white !important;
	display: block;
	margin-bottom: 1em;
}

.checkbox-politica-privacidad a {
	color: #999;
}

.checkbox-politica-privacidad a:hover,
.checkbox-politica-privacidad a:active,
.checkbox-politica-privacidad a:focus {
	color: #7fbc02;	
}

.label:after {
	content: " ";
	clear: both;	
}

@media screen and (max-width: 1060px) {
	.return-to-index {margin-bottom: 180px;}
}

@media screen and (max-width: 520px) {
	.return-to-index {margin-bottom: 80px;}
}