/*

Theme Name: París manitas del hogar

Theme URI: www.parismanitasdelhogar.es

Description: Web de Juán París. Todos los derechos reservados.

Author: Alber Pedraza

Author URI: http://wwww.alberpedraza.com

Version: 1.0

*/



html, body {

font-size: 16px;

font-family:helvetica;

height:100%;

word-spacing: 0.2em;

line-height:1.5em;

padding:0px;

margin: 0px auto;



}



@font-face{

font-family: 'hallo';

src:url('fonts/Hallo sans.otf');



}



@font-face{

font-family: 'halloBlack';

src:url('fonts/Hallo sans black.otf');



}



@font-face{

font-family: 'Anonymous-webfont';

src:url('fonts/anonymous/Existence-Light-webfont.otf');

src:url('fonts/anonymous/Existence-Light-webfont.eot');

src:url('fonts/anonymous/Existence-Light-webfont.svg');

src:url('fonts/anonymous/Existence-Light-webfont.woff');

}





li{list-style-type: none;}





a{

color:red;



}



a:hover{

color:#333;

text-decoration:none;

}

.aBlanco{

color:white;



}

.aBlanco:hover{

color:white;



}


.read-more{

color:red !important;

padding: 5px;

margin:5px;

}

.read-more:hover{

color:white !important;

background: black;

}

.helvetica{

font-family: helvetica;



}

.homizio{

font-family: homizio, helvetica;



}



.fontHalloBlack{

font-family: halloBlack, helvetica;



}



.texto1{font-size: 2.5em;}

.texto2{font-size: 1.6em;}

.texto3{font-size: 1.5em;}

.texto4{font-size: 1.2em;}

.texto5{font-size: 1em;}



.negrita{

font-weight: bold;



}



.azul{

color:#0078bf;



}



.grisC{

color:#505050;



}

.blanco{

color: white;



}

.limpiar{

clear: both;	

}



.padd0{

padding: 0px auto;

}





.img100h{

height: 100%;



}





.img100w{

width: 100%;



}

.img80w{

width: 80%;



}

.img100t{

width: 100%;

max-width: 100px;

}

.img80t{

width: 80%;

max-width: 80px;

}



.img60t{

width: 60%;



}



.maxw{

max-width: 500px;



}

.absoluto{

position: absolute;

z-index: 100;



}



.img-thu-star img{

width: 100%;

height: auto;



}



.img-thu img{

margin: 20px 0px 30px 0px;

width: 100%;

height: 100%;

max-height: 300px;

}

.img-thu2 img{



width: 100%;

height: auto;

max-height: 360px;

}



.img-thu2{

padding: 0px;



}

h2{margin:0px;}

.container{

padding:0px;

margin: 0px auto;

background: url(img/fondo3.png) fixed right;

background-repeat: repeat-y;



}







.container-fluid{







}

@media (max-width: 768px) {

  .container {

    background: none;

  }

}





.padd-titulo-h{

background: rgba(0,0,0,0.3);

display: inline-block;

}





.padd-titulo{

padding:50px 0px 50px 20px;



}

.padd-titulo2{

padding:32px 0px 32px 20px;



}

.logo{

max-width: 80px;

min-width: 30px;



padding: 5px;



-moz-transition: all 0.8s ease-in-out;

-webkit-transition: all 0.8s ease-in-out;

-o-transition: all 0.8s ease-in-out;

-ms-transition: all 0.8s ease-in-out;

transition: all 0.8s ease-in-out;



}





.logo:hover{

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

transform: rotate(360deg);



}



.logoA{

z-index: 5000 !important;





}



.h1-class{

margin: 0px;

font-size: 1.5em;



}

.slide{

padding: 0px;

margin: 10px 0px 10px 0px;

    position: relative;

}



.titulo2{

position: absolute;

z-index: 100;

padding:20px;

background: rgba(255,255,255,0.7);



}



.slideTexto{

position: absolute;

z-index: 100;

top:100px;

background: rgba(0,0,0,0.7);

padding:10px;

right: 0px;

color:white;



}

.slideTexto p .read-more{

color:white !important;

background:black;

}

.slideTexto p .read-more:hover{

color:black !important;

background:white;

}



.slideTexto p{

line-height:1.5em;

}

.actives{

color:white !important;

background: #E5E5E5 !important;

}





.enlacesA{



}



.navbar{

border-bottom: 0px red solid;



}

.navbar-header{

color:white;

background: white !important;

border-right:1px solid white;

}



.navbar-toggle{

color:black;

border: 1px solid red;

}



.navbar-toggle span{

border: 1px solid red;

}



.navbar-brand{

color:red;

padding:0px 10px 0px 0px ;

}



#menu-principal li{

margin:0px;

}



.menu{





}

.menu li, .menu a{

display: inline-block;



}

.menu li a{

color:red !important;

width: 95px;

text-align: center;

min-height: auto !important;

padding:28px 0px 28px 0px;

min-width: 100%;

z-index: 100;

background: white;

    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);

    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);

    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

}



.menu li a:hover{

color:white !important;

background: rgba(255,255,255,1) !important;

min-height: auto !important;

min-width: 100%;

z-index: 100;

background: red !important;



}

.DMZtop,.container-fluid{

height: 80px;



}



.container-fluid{

background: white;



}



.IntroProfesional{

background: red;

color: white;

padding:0px;

}

.IntroProfesional-1{

padding:50px;

margin: 0px;

}



.IntroProfesional-2{



background: white;



}



.postIniNoticia a{

color:black;



}

.postIniNoticia a:hover{

color:red;



}



.postIniNoticiaImg{



padding:0px;

}



.postIni{

padding:80px 0px 40px 0px;



}

.postIniDatos{

padding-bottom:5px; 



}



.postIniEncabezado{

height: 165px;

padding: 0px;

}

.postIniDatos h3{

color:red;



}

.postIniDatos h3:hover{

color:black;



}



.postIniFecha{

background: black;

color:white;





}



.postIniCont{

min-height: 150px; 



}





.ulPost-titulo{

color:white;

background: #000000 url(img/decor2.png) center no-repeat;  



}







.footer{

    background: black;

    padding:20px;

    color: #6a6a6a;

}



.footerC{

 padding:20px;

background: #101010;

}

.footerC a:hover{

  color: #6a6a6a;



}



.footerC a{



  color:#333333;

}



.AlberPedraza{

height: 35px;

width:auto;

}



.tituloTema{

background: rgba(0,0,0,0.5);

color:white;

padding: 100px 0px 100px 0px;

}



.tituloTemaPad{



padding:45px 0px 45px 0px !important;

background: black !important;

color:white !important;

}

.tituloTemaPad2{



padding:45px 0px 45px 0px !important;

background: white !important;

color:black !important;

}





.servicios-fp{

padding: 80px 0px 80px 0px;





}



.a-ser-fp{

color:black;



}



/***************SERVICIOS***************/



.servicios{

margin: 0px;

padding:0px;

margin:0px 0px 50px 0px;

background: black;

color:white;

margin-top: 10px;



}

.servicios div{

background: white;

color:black;

margin: 0px;

}



.servicios div img{

max-width: 200px;

}



.servicios2{

background: white;

position: relative;

padding: 0px;

}

.servicios2 h4{



}



.servicio-intro{

padding:40px;



}

.servicios-hover-div{

margin-bottom: 50px;

padding: 0px;



}

.servicios-hover{

padding: 0px;

min-height: 100%;



height: 400px;

}

.servicios2-hover{

background: #e5e5e5 !important;

padding: 0px;

text-align: left;

min-height: 400px;

position: absolute;



}

.servicios2-hover h4{

padding: 10px;

display: inline-block;

background: black;

color:white;

}

.servicios2-hover p{

background: white;

color:black;

padding: 20px 10px 20px 10px;

font-weight: bold;

}

.servicios2-hover img{

max-width: 70px !important;



}

.servicios2-hover ul{

list-style: circle;

padding-right: 10px;



}

.servicios2-hover li{

list-style: circle;



}

.servicios2 div img{



    -webkit-transform-style: preserve-3d;

    -webkit-transition: all 0.5s;

    

    -moz-transform-style: preserve-3d;

    -moz-transition: all 0.5s;

    

    transform-style: preserve-3d;

    transition: all 0.5s;





}

.servicios2 div img:hover{



    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

/***************TRABAJOS***************/

.menu-page{
padding: 60px 5px 60px 5px;
background: white;
display: block;
}

.titulo-trabajo{
  padding: 5px 8px 5px 8px;
}

.trabajos-titulo{

background: black;

color:white;

padding: 100px 0px 100px 0px;



}

.trabajos-titulo img{

max-width: 250px;

}



.trabajo{
background: black;
padding:10px 0px 100px 0px;
padding-bottom: 10px;
padding-top: 10px;
height: auto;

}

.trabajo div{

padding:0px 0px 30px 0px;

position: relative;

}



.trabajo p{

padding: 10px;

}



.img-trabajo a img{
max-height:300px;
width: 100%;


}

.div-trabajo{
background: black;
height: 300px;
position: relative;
}

.div-trabajo a{

color: black;





}

.div-trabajo p,.div-trabajo h3{

background: rgba(255,255,255,0.7);

  position: absolute;

  z-index: 100;

}

.div-trabajo h3{



top:20px;

}

.div-trabajo p{

top:150px;

}







/***************CONTACTO***************/

/***CONTACT FORM 7*****/



.screen-reader-response{

padding: 20px 30px 20px 30px;

background: #ff8091;

color:white;

margin: 50px 0px 50px 0px;

}





/****/

.contacto{

padding:10px 0px 100px 0px;



}

.contacto a{

color:white;



}

.contacto a:hover{

color:#e0e0e0;



}



.contacto input{

height: 40px;



}



.contacto textarea{

height: 150px;



} 



.search-submit{

color:black;  

}

.txt-contacto{

padding: 0px 0px 50px 0px;

line-height: 50px;

}

.contacto button{

height: 150px;

width:100%;



}

.contactoFormulario{

padding-top:100px;



}

.contactoFormulario input, .contactoFormulario textarea{

width: 70%;

min-width: 200px;

padding: 5px;

}

.contacto .mensaje {

height: 250px;



}



.contactoFoto{

background: url(img/ayu-ac2.jpg) #87868a;

 background-attachment: fixed;

  background-size: cover;

  background-size: 50% 50%;

padding: 0px;

}



.divMap{

padding: 0px;



background: #87868a;

}



input:focus, textarea:focus{

color:#333;

border:black 2px solid !important;

}





/*-------------------404-----------------------*/

.marginTituloDestacados{

margin: 10px 0px 50px 0px;



}





/*-------------------SINGLE-----------------------*/



.entrada-single{

background: white;

padding-bottom: 100px;

margin-top: 10px;

position: relative;

}

.entrada-single a{

color:#555;

}

.entrada-single a:hover{

color:red;

}

.titulo-es a{

color: black;



}

.titulo-es a:hover{

color: #303030;



}



.entrada-single .titulo-es{

margin-top:20px;

margin-bottom: 20px; 

}

.sidebar-single{

padding: 10px;



}



.sidebar-single2{

background: red;

color: white;

padding: 10px;

/*height: 100%;*/

}
.sidebar-single2 ul li{

list-style: square;

}


.encabezado-single{

background: rgba(0,0,0,0.1);

  margin: 10px 0px 20px 0px; 

}



.contenido-single{

padding: 10px 10px 80px 10px; 

max-width: 1000px;



}



.contenido-single img{

height: 360px;

width: 100%;



}

.sidebar-single2 a{

color:white;



}



.sidebar-single2 a:hover{



text-decoration:none;

}



/*-------------------comments-----------------------*/

#comments{

padding:20px 0px 20px 10px;

margin-bottom: 10px;

background: red;

color:white;

}

#comment{

width: 100%;

max-width:500px;

min-width:150px;

}

.commentlist{

padding:0px 0px 0px 10px;

}



.commentlist article{

padding:10px 0px 10px 0px;

}





.children{

padding:0px 0px 0px 20px;

background: #ffe1e5;



}

.children article{

border-bottom: 2px solid white;



}

#respond h2{

padding:20px 0px 20px 0px;

margin-bottom: 10px;

}



/*-------------------category-----------------------*/



.cat-div-img img{

width: 100%;

height: auto;

max-height: 250px;



}

.cat-div-content{

  max-width: 1000px;

}



/*-------------------404-----------------------*/



.img404{

  width: 100%;

max-width: 500px;



}



.centered{

margin: 0 auto;

text-align: center;

}



.content-404{

padding: 30px 10px 30px 10px;



}



.buscador-404{

padding: 50px 0px 30px 0px;



}



.buscador-404 input{

height: 40px;



width: 100%;

min-width: 150px;

max-width: 500px;

}



/*-------------------AUTOR-----------------------*/



.autor{

padding: 150px 0px 50px 0px;

max-width: 500px;

margin: 0px auto;

}

.autor ul{

padding: 0px;

margin: 0px auto;

}



.autor-datos{

padding: 50px 0px 20px 0px;



}



.autor-entradas{

padding: 20px 0px 50px 0px;



}



/*-------------------Cartograf Cookie filter-----------------------*/

#cg_cookie_bar{

bottom:0px;

z-index:1000;



}