/* Xperience Consulting - v2 
Author: Alex Lillo
*/

body { background: #edecec url(../img/fondo.png) 50% 0 no-repeat; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#262525;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/* genericos */

p, li, td, dd, dt { font-size:1.4em;}
p { line-height:135%; margin:0 0 1.2em;}
a { text-decoration:none; color:#1d5aa8;}
a:hover { background:#1d5aa8; color:#fff;}
h4 { font-size:1.7em;letter-spacing:-1px;}
#interior h3 { color:#7d7d7d; font: bold 2em Arial, Helvetica, sans-serif; margin:1.5em 0 .5em;}
#interior h3.pq { font: bold 1.5em}

.bot10 { margin-bottom:1em;}
.bot30 { margin-bottom:3em;}
.right20 { margin-right:20px;}
.right10 { margin-right:10px;}
.left10 { margin-left:10px;}
.top20relneg { position:relative; top:-2em;}
.top10relneg { position:relative; top:-1em;}
.top20 { margin-top: 2em;}
.top50 { margin-top: 5em;}
.center { text-align:center;}
#interior .grid7Left { width:375px; padding-left:25px;}
#interior .grid8Left { width:435px; padding-left:25px;}
#interior .grid9Left { width:495px; padding-left:25px;}
#interior .grid16Left { width:915px; padding-left:25px;}
#interior .grid11Left { width:615px; padding-left:25px;}
#interior .grid10Left { width:555px; padding-left:25px;}

.separador366 { height:19px; background:url(../img/separador.png); 0 0 no-repeat; margin:0 0 2em;}
.separador_puntos { background:url(../img/separador_puntos.png) 0 0 repeat-x; height:1px; line-height:1px; margin:3em 0;}
.telf { background:url(../img/ico_telf.png) 20px 50% no-repeat; padding:0 0 0 45px;}

.imgRight { float:right; margin:0 0 1em 1em; border:1px solid #ccc;}
.imgLeft { float:left; margin:0 1em 1em 0; border:1px solid #ccc;}
.fotoyeye {border: 4px solid #e4ded4; padding:1px; background:#c2c2c2;}

ul.listOrange { margin:0 0 1em .2em;}
ul.listOrange li { padding:0 0 15px 15px; background:url(../img/bullet_orange.png) -3px -2px no-repeat;}
ul.listGreen, ul.listGreenFino{ margin:1em 0;}
ul.listGreen li, ul.listGreenFino li { background:url(../img/bullet_green.png) -3px -1px no-repeat; padding:0 0 10px 15px; line-height:125%;}
ul.listGreenFino li { padding:0 0 6px 15px;}
ul.listGreen li p, ul.listGreenFino li p { font-size:1em;}
ul.listGreen li li { background:none; font-size:1em;}
.entradilla, #interior .entradilla { font-size:1.7em;}
.titularCamo a { color: #836e53;}
.titularCamo a:hover { background:#836e53; color:#fff;}
.go { background:url(../img/ico_go.png) right 50% no-repeat; line-height:22px; padding: 6px 20px 6px 4px;}
.go:hover { background:#1d5aa8 url(../img/ico_go_over.png) right 50% no-repeat;}
.borderGris {  border:1px solid #cecece;}
.verMasHacemos { float:right; margin: -30px 45px 0 0; }
.verMasHacemos a { background:url(../img/ico_go.png) right 50% no-repeat; line-height:22px; padding: 6px 20px 6px 4px;}
.verMasHacemos a:hover { background:#1d5aa8 url(../img/ico_go_over.png) right 50% no-repeat;}

.container_16 { background:#fdfdfd; margin:0 auto; text-align:left;}

/* cabecera */
#cabecera { height:112px}
#cabecera h1 { background:url(../img/logoXC.png) 0 0 no-repeat; height:88px; width:221px; text-indent:-600em; float:left}
#cabecera h1 a {display: block; height:88px; width:221px;}
#cabecera h1 a:hover { background:none;}
.recursiva { float:right; margin-top: 5px; }
.recursiva li { font-size:1.6em; color:#696969; display:block; float:left; background:url(../img/recursiva_separador.png) top right no-repeat; line-height:30px; height:30px; padding:0 16px;}
.recursiva li a { color:#696969}
.recursiva .recursivaBlog { background:url(../img/ico_happyuser.png) 10px 50% no-repeat; padding-left:35px;}
.recursiva .recursivaBlog a { color:#000;}

#cabecera h2 { color:#d7d5d5; float:right; margin: -1em 1em 0; font-weight:bold; font-size:1.3em;}
#cabecera h2 strong { color:#b9b8b8;}

/* menu */
#menu { height:42px; float:right; margin-top: 35px;}
#menu li { display:block; float:left; line-height:42px; height:42px; background:url(../img/menu_separador.png) top left no-repeat; color:#696969; font-size:1.7em;}
#menu li a { color:#696969; display:block; height:42px; padding:0 15px;}
#menu li a.active, #menu li a:hover { border-bottom: 7px solid #fba91a; height:35px;color:#5989c8; background:none;}

.recursiva li a.active, .recursiva li a:hover { background:url(../img/menu_active.png) bottom left repeat-x; color:#5989c8}

.breadcrumb {color: #333; padding:1em 0 1em 1em;}
.breadcrumb em { color:#abaaaa; font-style:normal;}

/* zona fotaza */
#fotaza { clear:both; height:265px; background: url(../img/portada_foto2.jpg) top left no-repeat; padding:33px 0 0 41px;}
#fotaza .tagline {  margin-bottom: 35px;}
#fotaza div { width:342px; padding:17px 17px 0 17px; background:url(../img/fotaza_fondo.png); height:228px; color:#fff; float:left; }
#fotaza h2 { font-size:1.8em; letter-spacing:-1px; color:#836e53; margin-bottom:30px; }
#fotaza h3 { font:bold 1.8em Arial, Helvetica, sans-serif;  margin-bottom: 0; color:#ccc;}
#fotaza h3 a { color:#fff;}
#fotaza h3 .test a { color:#fba91a;}
#fotaza p { font-size:1.5em;}
#fotaza h3 a:hover { background:#836e53;}
#fotaza h3 .test a:hover { color:#fff;}
#fotito1 {clear:both; height:88px; background:url(../img/cab_int1.jpg) 0 0 no-repeat;}

/* centro */
#centro { background:url(../img/degradado_medio.png) 0 0 repeat-x; min-height:20em;}

#destacados {border-bottom:1px dotted #b8ac99;}
#destacados .c14 {float:left; width:23%;}
#destacados .c24 {float:left; width:20%;}
#destacados .c34 {float:left; width:25%;}
#destacados .c44 {float:left; width:28%;}
#destacados .c14, #destacados .c24, #destacados .c34, #destacados .c44 {text-align:center;}
#destacados .c24, #destacados .c34, #destacados .c44 {margin-left:5px;}
#destacados .c14 h4 a, #destacados .c24  h4 a, #destacados .c34  h4 a, #destacados .c44  h4 a { background:none;}
#destacados .c14 p, #destacados .c24 p, #destacados .c34 p, #destacados .c44 p {margin:16px 0 8px 0; font-size:1.3em; font-weight:bold;}

.postPrincipal h4 { font: bold 2em Arial, Helvetica, sans-serif; margin: 2em 0 .5em; }
#destacados * h4 { font: bold 1.7em Arial, Helvetica, sans-serif; margin: 2em 0 .5em; }
.postPrincipal h4 a, #destacados * h4 a {color:#836e53;}
.postPrincipal h4 a:hover, #destacados * h4 a:hover, #destacados p.img a, #destacados p.img a:hover {color:#fff;}
.postHerramientas { border-top: 1px solid #dfdfdf; padding:5px 0 20px;}
.postHerramientas p { float:left; margin-right:1.5em;}
.share {padding:1px 5px 5px 22px; background:transparent url(../img/share-icon-16x16.png) no-repeat scroll 0 0 }

/* interior */
#interior h2 { font-size:3.5em; color:#54739c; margin-bottom:.6em;letter-spacing:-1px;}
#interior .grid_11, #centro .grid_11 { padding-left:25px; width:615px;}
#interior .grid_6 {  width:315px;}
#interior .grid_7 {  width:375px;}
.intLeft p, .intLeft li { font-size:1.4em; color:#1d1d1d;}

.cuadro_visita_2 {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFFF url(../img/panorama02.jpg) no-repeat scroll center center;border:1px solid #DFDFDF;height:141px;margin:0 0 10px;width:550px;}

/* tipos de módulos */

.verbatim_blue, .verbatim_blueNo { background:url(../img/comillas_blue.png) 15px 0 no-repeat; padding:1em 1em 2em 3em; text-align:right;}
.verbatim_blueNo { padding-bottom:0;}
.verbatim_blue .loquedicen, .verbatim_blueNo .loquedicen { font-style:italic; text-align:left}
.verbatim_blue strong, .verbatim_blueNo strong { display:block;}

.modBrown h4, .modLightBrown h4, .modBrown444 h4, .modLightBrown444 h4, .modbrown615 h4 { color:#7d7d7d; margin-bottom:.4em; font-size:1.8em;}


.modBrown { float:left; width:326px; background:url(../img/modulo_brown.png) 0 0 no-repeat; padding:22px 44px 15px 14px; border-bottom:1px solid #ebebeb;}

.modBrown444, .modLightBrown444 { float:left; width:386px; background:url(../img/modulo_brown_444.png) 0 0 no-repeat; padding:22px 44px 15px 14px; border-bottom:1px solid #ebebeb;}
.modLightBrown444 { background-image:url(../img/modulo_brownLight444.png) }

.modBrown615 { float:left; width:557px; padding:22px 44px 15px 14px; border-bottom:1px solid #ebebeb; background:url(../img/modulo_brown_615.png) 0 0 no-repeat;}

.modLightBrown { float:left; width:162px; background:url(../img/modulo_brownLight.png) 0 0 no-repeat; border-bottom:1px solid #ebebeb; padding:22px 44px 15px 14px;}

.modVerdecillo { background:url(../img/modulo_verdecillo.png) 0 0 no-repeat; border-bottom:1px solid #ebebeb; padding:1px 44px 15px 14px;}
.logos img { border: 1px solid #cecece; float:left; margin:0 25px 30px 0;}
.destaLogo { background:url(../img/arrowBlue.png) 3px 0 no-repeat; padding:0 0 3px 20px; font-size:1.4em;}
.logos2 { border:1px solid #cecece; margin-bottom:3em;}
.logos2 p { font-size:1em; float:left; text-align:center; padding:10px 10px}
.logos2 img { display:block; margin:0 auto}


.modBig1 { width:584px; background:url(../img/modBig1.png) 0 0 no-repeat; border-bottom:1px solid #eaeaea; padding:15px 30px 15px 15px; margin:3em 0;}
.modTitle { font: bold 1.3em Arial, Helvetica, sans-serif; color:#6e6e6e; margin-bottom:.2em}
.modBig1 h3 { margin:0 0 1em; font-size:1.8em;letter-spacing:-1px;}
.modBig1 div {padding:0 0 0 188px;}
.modBig1 div h4 { font-size:1.3em; margin:0 0 .4em;}
.modBig1 div img { margin-left:-187px; border:1px solid #ccc; float:left}
.modBig1 div .verMas { float:right; line-height:22px;}
.modBig1 div .verMas a { padding:0 25px 0 0; display:block; height:25px; background:url(../img/ico_vermas_gris.png) top right no-repeat;}

.modSmall1 { background:#f8f8f8 url(../img/modSmall1.png) bottom left repeat-x; border: 1px solid #eaeaea; padding:1em; margin:0 0 2em;}
.modSmall1 h4 a:hover { background:none; text-decoration:underline;}

.gear li { padding:0 0 1.5em 4em; background:url(../img/ico_gear.png) top left no-repeat; font-size:1em}
.gear li h4 {font-size:1.7em; font-weight:normal;}
.gear li h4 a { color:#836e53;}
.gear li h4 a:hover { color:#fff;}


.mod374solido { background:#f7f6f3; width:354px; border-top:1px solid #eceae3; padding:5px 10px; margin: 0 0 1.5em 10px;}
.mod374solido h4 { font: bold 1.7em Arial, Helvetica, sans-serif; color:#666;}

.mod580solido { width:540px;background:#f7f6f3; border-top:1px solid #eceae3; padding:15px 20px; margin: 0 0 1.5em 10px;}
.mod580solido h4 { font: normal 1.7em Arial, Helvetica, sans-serif; color:#666;}
#interior .casoPractico { padding-left:240px; width:300px;}
#interior .casoPractico img { float:left; margin-left:-220px;}

.postit { margin:0 -35px 35px 0; text-align:right;}

.list_invest { margin:2em 0 5em 1em;}
.list_invest li { padding: 0 0 2em 55px; background:url(../img/ico_investUser.png) 5px 0 no-repeat;}
.list_invest li.noUser { background-image: url(../img/ico_invest.png);}
.list_invest li a { font-size:1.1em;}

.diseno25 { width:23%; margin-right:2%; float:left;}
.diseno25last { margin-right:0;}
.diseno25 p, .diseno25last p { margin-top:.7em;}


.contacto { margin:0 0 3em;}
.contacto address { font: normal 1.3em Arial, Helvetica, sans-serif; margin:1em 0 0; float:left; width:333px;}
.contacto dl { margin:1em 0 0;}
.contacto dt { float:left; width:30px;}
.contacto dd { padding:0 0 20px 31px; font-size:1.3em;}

.modHappyuser { margin:2em 0 0 1.5em;}
.modHappyuser h4 { margin:0 0 1em 0;}
.modHappyuser h4 a { background:none;}
.modHappyuser ul { margin:0 0 0 .5em;}
.modHappyuser li { background:url(../img/ico_pencil.png) 0 0 no-repeat; padding:0 0 1em 22px;}

.modOrange {background-color:#FAF4DD; border: 1px solid #FC3; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; margin-bottom:20px; padding:10px 10px 0 10px;}

/* home lateral */
.homeLateral { padding:4em 0 2em;}
.homeLateral p, .homeLateral li { font-size:1.3em; }

.siguenos { line-height: 30px; }
.siguenos img {vertical-align:middle; padding-left:4px;}
.siguenos a { background:transparent;}

.modRaya { background:#f7f6f3 url(../img/mod_rallado.png) 0 0; padding:1.5em 1em 1em}
.modRaya .listGreen { margin-bottom:0;}

.modRayaInt { background:#f7f6f3 url(../img/mod_rallado.png) 0 0; padding:1.5em 1em 1em; margin:0 0 0 28px; padding:1em 10px 10px 9px; color:#333; width:220px;}


.modRayaInt h4  em { color:#00a2e1; font-style: normal;}
.modRayaInt h4 { margin:0 0 .5em; color:#333;}

.especiales { margin: 2em 0 10px; background:url(../img/mod_especial.png) 0 0 no-repeat;}
.especiales .yeahyeah { padding:20px 0 .3em 1em;}
.especiales div{ padding:8px 8px 8px 70px; margin:0 0  0;}
.especiales img, .especialesInt img { float:left; margin-left:-60px; border: 3px solid #e4ded4; padding:1px; background:#c2c2c2; }
.especiales p, .especialesInt p { margin:0;}
.especiales h4 a, .especialesInt h4 a { color:#836e53;}
.especiales h4 a:hover, .especialesInt h4 a:hover { background:#836e53; color:#fff;}
.especiales h4, .especialesInt h4 { font: bold 1.5em Arial, Helvetica, sans-serif; letter-spacing:normal}

.especialesInt {padding:8px 8px 8px 70px; margin:0 0 3em 0;}
.especialesInt img { border: 3px solid #e4ded4; padding:1px; background:#c2c2c2;}
.especialesInt div { margin-bottom:2em;}

.container_16 .homeHappy {font-size:.9em; width:375px;}
.container_16 .twtr-tweet-text p {font-size:1.1em;}
.homeHappy h4 a.nohover {background:none;}
.homeHappy h5 {margin:1.7em 0 0.5em 28px; font-size:1.4em; font-weight:normal;}
.homeHappy ul {margin:1.5em 0 1em;}
.homeHappy li {padding:0 0 1em 1em;}
.homeHappy p {line-height:110%; margin-left:28px; font-size:1.4em;}

.invesFotos { text-align:center;}

/* lateral */
.lateral { background:url(../img/lateral_fondo.png) 0 0 no-repeat; min-height:40em; padding:4.4em 0;}

.modLateral1 { padding:0 22px 3em; }
.modLateral1 h4 { color:#7b7b7b; margin-bottom:.4em;}

.modLateralClip1 { background:url(../img/lateral_modClip.png) top left no-repeat; margin:0 0 0 28px; padding:27px 30px 10px 9px; color:#333; width:230px;}
.modLateralClip1 h4 { margin:0 0 .5em; color:#333;}
.modLateralClip1 h4  em { color:#00a2e1; font-style: normal;}


/* form webinar */
.formWebinar { margin:1em 0 4em 1em; background:#f2f3f4; padding:1em; width:50%;}
.formWebinar dt { float:left; width:160px; margin-bottom:1em; text-align:right}
.formWebinar dd { margin-left:165px; margin-bottom:1em;}
.formWebinar dd input { width:200px;}
.formWebinar .formw100 { width:100px;}
.formWebinar .formwNO { width:auto;}
.btnSubmit {cursor:pointer;}

/* pop up */

#backgroundPopup, #backgroundPopup2{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:1;  
 }  
#popupContact, #popupContact2{  
 display:none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:430px;  
 width:500px;  
 background:#fff;  
 border:8px solid #cecece;  
 z-index:2;  
 padding:12px;  
 font-size:13px;  
 }  
 
 #popupContactClose, #popupContact2Close {  
 font-size:14px;  
 line-height:14px;  
 right:6px;  
 top:4px;  
 position:absolute;  
 color:#6fa5fd;  
 font-weight:700;  
 display:block;  
 }  
 
/* pie */
#pie { clear:both; list-style-type:4em 0 0; padding:2em 1em 3em; background:#1f659c url(../img/pie_fondo.png) 0 0 no-repeat; color:#fff; }
#pie p { margin:.7em 0 0; font-size:1.4em;}
#pie .officeDir { color:#fff; font-size:1.2em; padding-bottom:2em}
#pie .officeDir em { color:#f2f3f4; font-style:normal;}
#pie .pieFotos { float:right; line-height:47px;}
#pie .pieFotos a { margin-left:1.5em;}

#pie ul li { float:left; padding:.3em 25px 0; background:url(../img/pie_vertical.png) top right no-repeat; min-height:50px;}
#pie ul li.first { padding-left:0;}
#pie ul li.last { background:none; padding-right:0; width:150px;}
#pie ul ul { margin:.4em 0 2em;}
#pie ul li li { float:none; font-size:.9em;  background: url(../img/pie_bullet.png) 1px 40% no-repeat; padding:0 0 .2em 7px; min-height: inherit;}
#pie ul p { color:#acacac; margin:0; font-size:.9em;}
#pie a { color:#fff;}
#pie ul a:hover { background:none;}

/* fixes */
.clearfix:after { 
   content : "."; 
   display : block; 
   height : 0; 
   clear : both; 
   visibility : hidden; 
 } 
.clearfix { 
   display : inline-block; 
 } 
 .spacer {clear:both; height:0;}
/*Hides from IE-mac \*/
* html .clearfix { 
   height : 1%; 
 } 
.clearfix { 
   display : block; 
 } 
/*End hide from IE-mac*/