/*****
RESET
******/
* {	margin:0px; padding:0px; outline:0px; border:0px; }
a {	text-decoration:none; color:#FFF;}
a:hover{ color:#FF0;}
li { list-style-type:none; }

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

@font-face {
 font-family: birht;
 src: url(../typo/BIRTH_OF_A_HERO.eot); /* EOT file for IE */
}
@font-face {
font-family: birth;
src: url(../typo/BIRTH_OF_A_HERO.TTF); /* TTF file for CSS3 browsers */
}

body { background:#fefefe url(../images/fondoladrillos.jpg) repeat; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF;}
span{ display:none;}

/******CABECERA*******/
.cabeceramanchas{ width:100%; height:343px; position:absolute; background:url(../images/cabecera-manchas.png) top center no-repeat; z-index:-1;}
.cabecera{ width:100%; height:129px; background-color:#000; position:absolute;}
.contenidocabecera{ width:1008px; height:129px; margin:0 auto;}
.partelogo{ width:471px; height:129px; float:left; background-image:url(../images/ladrillo-INICIO_02.png);}
.partelogo2{ width:537px; height:129px; float:left; }
.logo2{ width:537px; height:73px; background-image:url(../images/ladrillo-INICIO_03.png);}

.menu { width:537px; height:56px;}
.menu li {float:left;}
.menu li a {display:block; height:56px;}
.menu .btn1 a{width:92px; background-image:url(../images/ladrillo-INICIO-menu.png); background-position:left top;}
.menu .btn1 a:hover { background-image:url(../images/ladrillo-INICIO-menu.png);background-position:left bottom;}
.menu .btn2 a{ background-image:url(../images/ladrillo-INICIO-menu.png); width:168px; background-position: -92px top;}
.menu .btn2 a:hover {background-image:url(../images/ladrillo-INICIO-menu.png); background-position:-92px bottom;}
.menu .btn3 a{ background-image:url(../images/ladrillo-INICIO-menu.png); width:142px; background-position: -260px top;}
.menu .btn3 a:hover { background-image:url(../images/ladrillo-INICIO-menu.png); background-position:-260px bottom;}
.menu .btn4 a{ background-image:url(../images/ladrillo-INICIO-menu.png); width:135px; background-position: right top;}
.menu .btn4 a:hover { background-image:url(../images/ladrillo-INICIO-menu.png); background-position: right bottom;}

/******INICIO*******/
.contenidopaginainicio{ width:1008px; height:1270px; margin:0 auto; padding-top:129px;}
.contenidopaginainicioparafelicitacion{ width:1008px; height:1450px; margin:0 auto; padding-top:129px;}
.contenidopaginaportafolio{ width:1008px; height:1200px; margin:0 auto; padding-top:129px;}
.contenidopagina{ width:1008px; margin:0 auto; padding-top:129px;}
.contenidopaginasexshopchannel{ width:1008px; height:600px; margin:0 auto; padding-top:129px;}
.videos{ width:780px;  margin:0 auto; }
.swf{ width:363px; height:266px; margin-top:25px; margin-right:25px; border:#000 solid 1px; float:left;}
.servicios{ width:1008px; height:433px;}
.serviciosfelicitacion{ width:1008px; height:567px;}
.servicios2{ width:208px; height:100px; background-image:url(../images/ladrillo-INICIO_06.png); font-family:Verdana, Geneva, sans-serif; font-size:12px; padding-left:800px; padding-top:333px;}

/******PROYECTOS DESTACADOS*******/
.proyectosdestacados{ width:638px; height:78px; margin:0 auto; background-image:url(../images/ladrillo-INICIO_15.png);}

.proyecto1 a{ display:block; width:218px; height:49px; float:left; background-image:url(../images/ladrillo-INICIO_17.png); text-align:center; padding:90px 58px 0px 67px;}

.proyecto2 a{ display:block; width:217px; height:49px; float:left; background-image:url(../images/ladrillo-INICIO_18.png); text-align:center; padding:90px 58px 0px 67px;}

.proyecto3 a{ display:block; width:208px; height:49px; float:left; background-image:url(../images/ladrillo-INICIO_19.png); text-align:center; padding:90px 55px 0px 60px;}

.proyecto4 a{ display:block; width:218px; height:49px; float:left; background-image:url(../images/ladrillo-INICIO_20.png); text-align:center; padding:90px 58px 0px 67px;}

.proyecto5 a{ display:block; width:217px; height:49px; float:left; background-image:url(../images/ladrillo-INICIO_21.png); text-align:center; padding:90px 58px 0px 67px;}

.proyecto6 a{ display:block; width:213px; height:57px; float:left; background-image:url(../images/ladrillo-INICIO_22.png); text-align:center; padding:82px 50px 0px 60px;}

/******SOBRE MI*******/
.datospersonales{ width:1008px; height:474px;}

.sobremi{ width:346px; height:354px; float:left; background-image:url(../images/ladrillo-INICIO_25.png); font-size:10px; text-align:center; padding:110px 105px 0px 85px;}

/******CONTACTO INICIO*******/
.conjuntocontacto{ width:452px; height:474px; float:left;}
.contacto{ width:307px; height:154px; background-image:url(../images/ladrillo-INICIO_26.png); padding-top:105px; padding-left:145px;}
.contacto p{ font-family:birth; color:#FFF; line-height: 18px;}
.contacto p.nombre{ font-size:25px; }
.contacto p.movil{ font-size:40px; margin-top:12px;}
.contacto p.email{ font-size:26px; color:#FF0;}

/******SIGUEME*******/
.sigueme{ width:452px; height:69px; background-image:url(../images/ladrillo-INICIO_27.png);}
.redes{ width:452px; height:146px;}
.zona1{ width:129px; height:146px; float:left; background-image:url(../images/ladrillo-INICIO_28.png);}
.zona2{ width:212px; height:146px; float:left;}
.redsocial1{ width:108px; height:43px; float:left;}
.redsocial2{ width:104px; height:43px; float:left;}
.redsocial3{ width:108px; height:45px; float:left;}
.redsocial4{ width:104px; height:45px; float:left;}
.btnmegusta{ width:300px; height:55px; float:left; margin-top:5px;} 
.btntwitter{ width:90px; height:29px; float:left; margin-top:5px; padding-left:10px;}
.btnsiguemetwitter{ width:112px; height:29px; float:left; margin-top:5px; pa}

.grieta{ width:1280px; height:38px; background:url(../images/ladrillo-INICIO_37.png); margin:0 auto;}

/******PIE DE PÁGINA*******/
.piepagina{ width:958px; height:154px; background:url(../images/ladrillo-INICIO_39.png); margin:0 auto; padding-top:10px; padding-left:50px; }
h3{ font-size:18px; line-height: 26px; font-weight:bold;}
.piepagina p { font-size:12px; line-height: 22px;}
h5{ font-size:10px; text-align:center; font-weight:normal;}

.piesecciones{ width:120px; height:135px; border-right:#FFF solid 1px; float:left;}
.pieinformacion{ width:555px; height:135px; border-right:#FFF solid 1px; float:left; padding-left:40px; padding-right:20px;}
.pieinformacion p{ font-size:11px;}
.piecontacto{ width:170px; height:135px; float:left; padding-left:20px; margin-right:30px;}
span.subrayado{ display:inline; color:#FF0;}
a.subrayado{ color:#FF0;}
a.subrayado:hover{ background-color:#FFF; color:#000; font-weight:bold;}
a.subrayado2{ color:#fff;}
a.subrayado2:hover{ background-color:#FFF; color:#000; font-weight:bold;}
.piewebmaster{ width:100%; margin:0 auto;}
a.validatehtml { width:50px; float:right;}
a.validatecss{ width:50px; float:right; margin-right:40px;}

.iconosredespie{ width:170px; height:40px; float:left; }
.iconosredespie .redsocial1{ width:30px; height:30px; float:left; margin-right:12px;}
.iconosredespie .redsocial2{ width:30px; height:30px; float:left; margin-right:12px;}
.iconosredespie .redsocial3{ width:30px; height:30px; float:left; margin-right:12px;}
.iconosredespie .redsocial4{ width:30px; height:30px; float:left;}
.siguemepie{ width:170px; height:12px; font-size:9px;}

/******PORTAFOLIO*******/
.tituloportafolio{ background-image:url(../images/ladrillo-PORTAFOLIO_04.png); width:1008px; height:80px;}
.columna1, .columna2, .columna3, .columna4{ width:252px; float:left;}

.c1f1 a, .c2f1 a, .c3f1 a, .c4f1 a{ display:block; width:212px; height:51px; text-align:center; padding:130px 20px 0px 20px;}
.c1f1 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_05.png);}
.c2f1 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_06.png);}
.c3f1 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_07.png);}
.c4f1 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_08.png);}

.c1f2 a, .c2f2 a, .c3f2 a, .c4f2 a, .c1f3 a, .c2f3 a, .c3f3 a, .c4f3 a, .c1f4 a, .c2f4 a, .c3f4 a, .c4f4 a, .c1f5 a, .c2f5 a, .c3f5 a, .c4f5 a, .c1f6 a, .c2f6 a, .c3f6 a, .c4f6 a, .c1f7 a, .c2f7 a, .c3f7 a, .c4f7 a, .c1f8 a, .c2f8 a, .c3f8 a, .c4f8 a{ display:block; width:212px; height:53px; text-align:center;padding:75px 20px 0px 20px;}

.c1f2 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_09.png);}
.c2f2 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_10.png);}
.c3f2 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_11.png);}
.c4f2 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_12.png);}

.c1f3 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_13.png);}
.c2f3 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_14.png);}
.c3f3 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_15.png);}
.c4f3 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_16.png);}

.c1f4 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_17.png);}
.c2f4 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_18.png);}
.c3f4 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_19.png);}
.c4f4 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_20.png);}

.c1f5 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_21.png);}
.c2f5 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_22.png);}
.c3f5 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_23.png);}
.c4f5 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_24.png);}

.c1f6 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_25.png);}
.c2f6 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_26.png);}
.c3f6 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_27.png);}
.c4f6 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_28.png);}

.c1f7 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_29.png);}
.c2f7 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_30.png);}
.c3f7 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_31.png);}
.c4f7 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_32.png);}

.c1f8 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_33.png);}
.c2f8 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_34.png);}
.c3f8 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_35.png);}
.c4f8 a{ background-image:url(../images/portafolio/ladrillo-PORTAFOLIO_36.png);}


/******SERVICIOS*******/
.tituloservicios{ background-image:url(../images/ladrillo-SERVICIOS_04.png); width:1008px; height:102px;}
a.fblanco{ color:#333;}
a.fblanco:hover{ color:#999;}
/******SISTEMA ACORDEON*******/
.accordion { width:100%; margin:0 auto;}
.accordion h2.titulo1 { background:url(../images/ladrillo-SERVICIOS_05.png) no-repeat; width:1008px; height:82px;	margin:0 auto; font: bold 120%/100% Verdana, Geneva, sans-serif; border-bottom: none; cursor: pointer; color:#000; margin-bottom:20px; padding-top:8px; padding-left:40px;}
.accordion h2.titulo1:hover { background:url(../images/ladrillo-SERVICIOS_05_amarillo.png) no-repeat;}
.accordion h2.titulo2 { background:url(../images/ladrillo-SERVICIOS_06.png) no-repeat; width:1008px; height:90px;	margin:0 auto; font: bold 120%/100% Verdana, Geneva, sans-serif; border-bottom: none; cursor: pointer; color:#000; margin-bottom:20px; padding-top:8px; padding-left:40px;}
.accordion h2.titulo2:hover { background:url(../images/ladrillo-SERVICIOS_06_amarillo.png) no-repeat;}
.accordion h2.titulo3 { background:url(../images/ladrillo-SERVICIOS_07.png) no-repeat; width:1008px; height:99px;	margin:0 auto; font: bold 120%/100% Verdana, Geneva, sans-serif; border-bottom: none; cursor: pointer; color:#000; margin-bottom:20px; padding-top:8px; padding-left:40px;}
.accordion h2.titulo3:hover { background:url(../images/ladrillo-SERVICIOS_07_amarillo.png) no-repeat;}
.accordion h2.titulo4 { background:url(../images/ladrillo-SERVICIOS_08.png) no-repeat; width:1008px; height:98px;	margin:0 auto; font: bold 120%/100% Verdana, Geneva, sans-serif; border-bottom: none; cursor: pointer; color:#000; margin-bottom:20px; padding-top:8px; padding-left:40px;}
.accordion h2.titulo4:hover { background:url(../images/ladrillo-SERVICIOS_08_amarillo.png) no-repeat;}
.accordion h2.titulo5 { background:url(../images/ladrillo-SERVICIOS_09.png) no-repeat; width:1008px; height:99px;	margin:0 auto; font: bold 120%/100% Verdana, Geneva, sans-serif; border-bottom: none; cursor: pointer; color:#000; margin-bottom:20px; padding-top:8px; padding-left:40px;}
.accordion h2.titulo5:hover { background:url(../images/ladrillo-SERVICIOS_09_amarillo.png) no-repeat;}
.accordion h2.titulo6 { background:url(../images/ladrillo-SERVICIOS_10.png) no-repeat; width:1008px; height:99px;	margin:0 auto; font: bold 120%/100% Verdana, Geneva, sans-serif; border-bottom: none; cursor: pointer; color:#000; margin-bottom:20px; padding-top:8px; padding-left:40px;}
.accordion h2.titulo6:hover { background:url(../images/ladrillo-SERVICIOS_10_amarillo.png) no-repeat;}
.accordion h2.active {width:1008px; height:82px; padding-top:8px; padding-left:40px;}
.accordion p { width:850px; margin:0 auto; border:#333 solid 5px; color:#000; margin-bottom:10px; padding:10px; font-size:12px;}

/******CONTACTO*******/
.titulocontacto{ background-image:url(../images/ladrillo-CONTACTO_04.png); width:1008px; height:85px;}
.hojacontacto{ background-image:url(../images/ladrillo-CONTACTO_06.png); width:647px; height:790px; margin:0 auto;}
.hojacontactoerror{ background-image:url(../images/ladrillo-CONTACTO_06_06.png); width:647px; height:790px; margin:0 auto;}
.datos{ width:225px; height:230px; font-size:14px; padding-top:110px; padding-left:305px; text-align:center;}
.datos p{ margin-bottom:10px;}

.formulario{ width:550px; height:220px; padding-top:16px; padding-left:142px;}
.error{ width:200px; height:220px; padding-top:30px; padding-left:170px; color:#000;}
.error a{ color:#000;}
.error a:hover{ color:#FF0;}
.formulario label{ font-weight:bold; color:#F00;}
.formulario input{  background-color:#000; color:#FFF; width:250px; height:20px; }
.formulario textarea{ background-color:#000; color:#FFF; width:390px; height:62px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.nombre{ margin-top:12px;}
.email{ margin-top:17px;}
.telefono{ margin-top:23px;}
.mensaje{  margin-top:28px; background-color:#000; width:390px; height:62px;}
.btn_enviar{ width:80px; height:16px; text-align:right; background-color:#000; float:right; margin-right:154px;}
.btn_enviar input{ width:80px; height:16px; color:#FFF; font-weight:bold; padding:0px; }