@charset "UTF-8";

/* ----------------- Website background and general text colour ----------------- */
body{
	background-image:url(../images/backgroundtexture.png);
	font-family:Lato, Helvetica, sans-serif;
	font-size:150%;
}

p{
	font-size:100%;
}

/* ----------------- Wrapper - keeps all #content in the center of page -----------------  */
.wrapper{
	margin:auto;
	width:80%;
	height:auto;
	max-width: 999px;
}

.slider ul {
	padding-left: 0px;
}

/* The rest is pretty self explanatory - it appears in the order that it occurs on the HTML document */
#top{
	/* height:40px; */
	display: inline-block;
	width:100%;
}

#logo{
	margin-top:20px;
	margin-bottom:20px;
	text-decoration:none;
	display: inline-block;
	text-align: center;
}

#logoimage{
	padding:10px;
	display: inline-block;
}

#logotitle{
	font-family:Lato, Helvetica, sans-serif;
	font-weight:normal;
	font-size:200%;
	text-shadow: 0 1px 1px #FFF;
	color:#2d2d2d;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

#logotitle a{
	color:#2d2d2d;
	text-decoration:none;
}

#nav{
	float:right;
	width:400px;
	display:block;
	height:40px;
	display: inline-block;
	margin-top: 20px;
}

#nav ul{
	padding: 0px;
}

#nav ul li{
	display:block;
	width:25%;
	float:left;
	text-align:center;	
}

#nav ul li a{
	font-family:Lato, Arial, Helvetica, sans-serif;
	width:90%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	line-height:250%;
	display:block;
	color:#2d2d2d;
}

#nav ul li a:hover{
	color:#f38094;
}

#nav ul li p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	width:90%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	line-height:250%;
	display:block;
	color:#f38094;
}

.telefono {
	display: inline-block;
	float: right;
	//padding-top: 50px;
	text-decoration: none;
}

#content{
	width:100%;
	margin:10px 0;
	display: block;
}

#content h1 ,#content h2 ,#content h3 ,#content h4 ,#content h5 {
	font-family: Lato, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:normal;
}

#content h1{
	font-size:180%;
	letter-spacing:1px;
	margin-bottom: 20px;
}

#content h2{
	font-size:160%;
}

#content h3{
	font-size:140%;
}

#content h4{
	font-size:130%;
}

#content h5{
	font-size:120%;
}

gfont, .gfont {
	font-family:Lato, Arial, Helvetica, sans-serif;
	/* text-shadow: -1px 0 #2d2d2d, 0 1px #2d2d2d, 1px 0 #2d2d2d, 0 -1px #2d2d2d; */
	/* color:#f38094; */
	color:#2d2d2d;
}

.belowtext {
	font-size:130%;
}
	
#slideshow{
	width:100%;
	margin-bottom:20px;
}

#workbody{
	width:100%;
	margin-top:20px;
}

#workbody img{
	width:100%;
	border-radius:15px;
}

#workbody h5{
	border-radius:0 0 15px 15px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:normal;
	color:#2d2d2d;
	margin:10px 0 20px 5px;
}

.shareit {
	margin: 25px 0px;
}

.shareit span{
	font-size:100%;
}

.shareit-iconbox{
    background-color: #2d2d2d;
    padding: 5px;
    border-radius: 4px;
	display: inline-block;
}

#footer > .wrapper > .left{
	margin-top:20px;
	width:48%;
	float:left;
	margin-bottom:10px;
}

.bottomphoneicon{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    background: #f38094;
    font-size: 1em;
    color: #2d2d2d;
    line-height: 16px;
    text-align: center;
    margin: 2px;
    opacity: 0.85;
}

#footer > .wrapper > .left h3{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	color:#f38094;
	margin-bottom:20px;
	text-shadow: 0 1px 1px #dadada;
}

#footer > .wrapper > .left p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:140%;
}

#footer > .wrapper > .left a{
	color:#f38094;
	text-decoration:none;
}

#footer > .wrapper > .left a:hover{
	text-decoration:underline;
}
	
#footer > .wrapper > .right{
	margin-top:20px;
	width:48%;
	float:right;
	margin-bottom:10px;
}

#footer > .wrapper > .right iframe{
	vertical-align:middle;
	border-radius: 10px;
	width: 300px;
	height: 300px;
}

#footer > .wrapper > .right h3{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	color:#f38094;
	margin-bottom:20px;
	text-shadow: 0 1px 1px #dadada;
}

#footer > .wrapper > .right p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:140%;
}

#footer > .wrapper > .right p a{
	color:#f38094;
	text-decoration:none;
}


/* ----------------------- WORK LINKS START ------------------------- */
#categorias, #subcategorias, #fichas{
	width:1000px;
	margin:15px auto 15px auto;
    text-align: center;
}

#categorias > .item, #subcategorias > .item, #fichas > .item, #categorias > .item2, #subcategorias > .item2, #fichas > .item2{
	border-radius:15px;
	width:180px;
	height:185px;
	background-color:#FFF;
	margin:10px;
	-webkit-box-shadow: 0 1px 5px #2d2d2d;
    -moz-box-shadow: 0 1px 5px #2d2d2d;
    box-shadow: 0 1px 5px #2d2d2d;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
    border: solid 1px #2d2d2d;
    display: inline-block;
}

#categorias > .item:hover, #subcategorias > .item:hover, #fichas > .item:hover, .item2:hover{
	-webkit-box-shadow: 0 0 8px #2d2d2d, 0 0 8px #2d2d2d;
    -moz-box-shadow: 0 0 8px #2d2d2d,  0 0 8px #2d2d2d;
    box-shadow: 0 0 8px #2d2d2d,  0 0 8px #2d2d2d; 
}	

#categorias > .item img, #subcategorias > .item img, #fichas > .item img, .item2 img{
	display:block;
	width:100%;
	-webkit-box-shadow: 0 2px 5px #2d2d2d;
    -moz-box-shadow: 0 2px 5px #2d2d2d;
    box-shadow: 0 2px 5px #2d2d2d;
	border-radius:15px 15px 0 0;
	opacity:0.8;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	
}

#categorias > .item img:hover, #subcategorias > .item img:hover, #fichas > .item img:hover, .item2 img:hover{
	opacity:1;
}


#categorias > .item p, #subcategorias > .item p, #fichas > .item p, .item2 p{
	font-family:Helvetica, Lato, Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
	padding:0px;
	color:#2d2d2d;
	text-decoration:none;
}

#categorias > .item p a, #subcategorias > .item p a, #fichas > .item p a, .item2 p a{
	text-decoration:none;
	color:#2d2d2d;
}

.item2 h6{
	font-family:Helvetica, Lato, Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
	padding:0 0 0 8px;
	color:#000000;
	text-decoration:none;
}
.item2 h6{
	font-size:90%;
}
#menuportada h6{
	font-family:Helvetica, Lato, Arial, sans-serif;
	font-size:100%;
	font-weight:normal;
	padding:0 0 0 8px;
	color:#000000;
	text-decoration:none;
}
/* ----------------------- WORK LINKS END ------------------------- */


#bottom h3{
	margin:20px 0;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:normal;
	text-align:center;
	color:#f38094;
	text-shadow: 0 1px 1px #c1c1c1;
}


footer{
	width:100%;
	padding:10px 0;
	background-color:#2d2d2d;
}

.icon{
	width:32px;
	opacity:0.85;
}

.icon:hover{
	opacity:1;
}

.social{
	color:#f38094;
}

.redes-sociales{
	display: inline-block;
	vertical-align: top;
}


/* ----------------------------- FORM ----------------------------------- */

#footer > .wrapper > .left h4{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:normal;
	color:#f38094;
	margin-bottom:10px;
}

#formwrap{
	width:100%;
	margin-top: 10px;
}

.formstyle { 
	border: 1px solid #ccc;
	color: #000;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:110%;
	width: 95%;
	background-color:rgba(255,255,255,1);
	background-image:url(../images/backgroundtexture.png);
	margin-bottom:10px;
	opacity:0.9;
	padding:3px;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius:2px;
}

.formstyletwo { 
	color: #FFF;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:110%;
	text-align:left;
	width:20%;
	background-color:transparent;
	border-color:#f38094;
	
}

.formstyletwo:hover { 
	color:#f38094;
	cursor:pointer;

}

textarea{ 
	border: 1px solid #ccc;
	color: #000;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:110%;
	width:95%;
	height:80px;
	background-color:rgba(255,255,255,1);
	background-image:url(../images/backgroundtexture.png);
	margin-bottom:10px;
	border-radius:2px;
	padding:3px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


input:focus, input.focused, textarea:focus, textarea.focused {  color: #3e3e3e; opacity:1;}

#error{
	color:#FF7471;
	float:left;
	font-family:Regular, Arial, Helvetica, sans-serif, "Helvetica Neue Light";
	font-size:120%;
}

#error ul{
	list-style-type: none;
	padding-top:5px;
}
	

/* -- Make the highlight colours pretty -- */
::selection      { background:#2d2d2d; color:#FFF;}
::-moz-selection  { background:#2d2d2d; color:#FFF;}

#h4 {
font-family:Lato, Arial, Helvetica, sans-serif;
font-size:120%;
font-weight: normal;
color: #f38094;
margin-bottom: 10px;
}

.footer_text{
	color:#ffffff;
}

.footer_text a{
	color:#f38094;
}

.img_glry {
	width: 100%;
}

a:link {f
	text-decoration: none;
}

#wxp-widget-buscador #copy !important {
	color: #FFFFFF;
}

#copy !important {
	color: #FFFFFF;
}

.botonesCatArriba, #content .botonesCatArriba, .botonesCatAbajo, #content .botonesCatAbajo {
    font-family: Helvetica, Lato, Arial, sans-serif;
    font-size: 14px;
    padding: 0 0 0 8px;
    font-weight: normal;
    color: black;
    text-align: center;
    text-decoration: none;
	margin:5px 1px;
	line-height: 15px;
}

.navbar-center {
    float: none !important;
    margin: 0 auto !important;
    display: table;
}

.navbar {
	margin-bottom: 0px;
}

.shareit-socialicon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: #f38094;
    font-size: 1.2em;
    color: #2d2d2d;
    line-height: 32px;
    text-align: center;
    margin: 2px;
    opacity: 1;
}

.shareit-socialicon:hover {
    opacity: 0.90;
}

.topphoneicon {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #2d2d2d;
    font-size: 0.8em;
    color: #f38094;
    line-height: 32px;
    text-align: center;
    margin: 2px;
    opacity: 0.85;
}

.topphoneicon:hover {
    opacity: 1;
}

.footermenuhr {
    margin: 5px auto;
    max-width: 999px;
    border-width: 2px;
}

.footermenurow {
    max-width: 1029px;
    margin: auto;
}

/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */


@media only screen and (max-width: 1279px) {
	.wrapper{
		width:90%;
	}
	
}

@media only screen and (max-width: 1105px) {
	
	#categorias{
		width:900px;
}

	#subcategorias{
		width:900px;
}

	#fichas{
		width:900px;
}

	#categorias > .item, #subcategorias > .item, #fichas > .item{
		width:164px;
		height:170px;
		margin:8px;
	}
}

@media only screen and (max-width: 999px) {
	
	#categorias{
		width:750px;	
}

	#subcategorias{
		width:750px;	
}

	#fichas{
		width:750px;	
}

	#categorias > .item, #subcategorias > .item, #fichas > .item{
		width:136px;
		height:144px;
		margin:6px;
	}
	
	#categorias > .item h3, #categorias > .item h4, #categorias > .item h5, #subcategorias > .item h3, #subcategorias > .item h4, #subcategorias > .item h5, #fichas > .item h3, #fichas > .item h4, #fichas > .item h5{
		font-size:14px;
	}
	
	#categorias > .item p, #categorias > .item h6, #subcategorias > .item p, #subcategorias > .item h6, #fichas > .item p, #fichas > .item p{
		font-size:12px;
	}
}

@media only screen and (max-width: 835px) {
	
	#categorias{
		width:650px;	
	}

	#subcategorias{
		width:650px;	
	}

	#fichas{
		width:650px;	
	}
}

@media only screen and (max-width: 860px) {

}

@media only screen and (max-width: 810px) {

.hrmenu {
	margin-bottom: 75px;
}

.telefono {
	//padding-top: 25px;
}

}

@media only screen and (max-width: 720px) {
	
	#logo{
	/*	width:150px;
		display:block; */
		margin:auto;
		margin-bottom: 20px;
	}
	
	#nav{
		width:100%;
		margin-top: 0px;
	}
	
	#content h1{
		margin-bottom:20px;
	}
	
	#footer > .wrapper > .left{
		width:100%;
	}
	
	#footer > .wrapper > .right{
		width:100%;
	
	}
	#categorias{
		width:300px;	
	}
	
	#subcategorias{
		width:300px;	
	}	
	
	#fichas{
		width:300px;	
	}	
}
	
@media only screen and (max-width: 550px) {
	.slider-arrow {
		display:none;
	}
}

@media only screen and (max-width: 510px) {
	
}