@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
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, font, 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, hr {margin:0;padding:0;font-size:1em;}
table {border-collapse:collapse;border-spacing:0;border:0;}
table th {font-weight:normal;text-align:left; }
table th, table td{border:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul, ol{list-style:none;}
li{display:list-item;}
img{border:0;}
header, section, nav, article, footer{display:block;}

body{margin:0;font-family:'Roboto Condensed',sans-serif;letter-spacing:-0.5px;font-weight:300;color:#404040;background-color:#fff}
strong{font-weight:400}
a{color:#404040;text-decoration:none;}
a:hover {color:#ffd012;text-decoration:none;}
h1{font-size:25px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
.blanco{color:#fff}
.rojo{color:#ef001f}
.azul{color:#009ee0}
.amarillo{color:#ffd012}
.verde{color:#00aa6a}
.naranja{color:#ff6600}
.morado{color:#6c1f7f}
.gris{color:#505050}
.frojo{background-color:#ef001f !important}
.fazul{background-color:#009ee0 !important}
.fverde{background-color:#00aa6a !important}
.famarillo{background-color:#ffd012 !important}
.fchicle{background-color:#d60072 !important}
.fchicle2{background-color:#f3148b !important}
.fvioleta{background-color:#390782 !important}
.fnaranja{background-color:#ff5500 !important}
.dosis{font-family:'Dosis',sans-serif}
.imgfull{width:100%}

#web{width:100%}
.top{height:5px;background-color:#000}
header{margin:0;width:100%;background-color:#000;}
header a{color:#fff}
header a:hover{color:#ffd012}
header .wrap{margin:0 auto;max-width:1098px;}
header .logo{float:left;width:300px;height:100px;overflow:hidden;text-indent:-9999px;}
header .logo a{margin:0;width:300px;height:100px;outline:0;display:block;background:url("../img/logo-new.png") no-repeat top left;background-size:100%}
header .contact{margin-top:15px;margin-right:10px;color:#fff;float:right;text-align:right;}

nav{margin:0;width:100%;height:52px;text-align:center;font-weight:400;font-family:'Roboto Condensed',sans-serif;background: #ffd012}
nav .wrap{margin:0 auto;max-width:1098px;text-align:left}
.menufijo{position:fixed;top:0;z-index:1000}
#home-link{float:left;padding:13px;height:26px}
#home-link:hover{background-color:#f0f0f0;}
#area-link{float:left;padding:13px;height:26px}
#area-link:hover{background-color:#f0f0f0;}
.shadowed{-moz-box-shadow:0 0 2px 1px rgba(0,0,0,.15);-webkit-box-shadow:0 0 2px 1px rgba(0,0,0,.15);box-shadow:0 0 2px 1px rgba(0,0,0,.15);}
.rounded{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.square{margin-left:25px;list-style:square}
.circle{margin-left:25px;list-style:circle}
.arial{font-family:'Arial',sans serif}
.coloresbar{width:100%;height:13px;background:url(../img/colores-bar.jpg) repeat-x}
#content{margin:0 auto;max-width:1098px;}
#content p{margin:8px 0;}
#content ul{margin:1px 0}
#submenu{float:left;height:auto;width:20%;}
#submenu ul{}
#submenu ul li{}
#submenu ul li a{display:block;padding:5px 10px;font-size:18px;transition:0.2s background linear}
#submenu ul li a.active{background:#505050;color:#fff}
#submenu ul li a:hover{background:#ffd012;color:#fff}
#content-wrapper{float:left;width:80%;min-height:500px;background:#fff}
#content-wrapper .wrap{margin:15px 20px}
#content-wrapper h1,h2,h3,h4{margin:6px 0;}
#content-wrapper a{font-weight:400}
#content-wrapper ul{list-style-type: square;}
#content-wrapper li{margin-left: 25px;}
#content-wrapper .banda{padding:5px 15px;text-align:center;font-size:22px;color:#fff;background-color:#c0c0c0}
#content-wrapper .precio{margin:0 2px;padding:5px;display:inline-block;font-size:36px;border-radius:4px;background-color:#ffd012}
#formulario{background-color:#f0f0f0}
#formulario .wrap{margin:0 auto;max-width:460px;min-width:280px;padding:15px;}
#trabajos{margin:10px 0;}
#redes{}
#cart{font-size:12px;text-align:center;}
#cart .wrap{padding:5px;text-align:left}
#user{}
#checkout{padding:20px;margin-top:10px;background-color:#fff}
#pvarea{min-height:450px;padding:25px;}
footer{font-size:18px;background:#404040;color:#fff}
footer .wrap{margin:0 auto;padding:10px;max-width:1098px}
footer .col1{float:left;width:25%;min-height:200px;overflow:hidden}
footer .col3{float:left;width:75%;min-height:200px;overflow:hidden}
footer p{margin:10px}
footer a{color:#fff}
footer a:hover{color:#ffd012}
.footer-bar{border-top:solid 1px #fff;background:#000}
.footer-bar .wrap{margin:0 auto;max-width:1098px}
.footer-bar .last{float:left;margin-top:5px;min-height:32px;font-size:14px;color:#fff;}
.footer-bar .last a{color:#fff}
.footer-bar .last a:hover{color:#ffd012}
.footer-bar .redes{float:right;margin-top:3px;text-align:right}
.footer-bar .footer-logo{width:26px;height:32px}
footer ul{}
footer ul li{}
footer ul li a{padding:0 3px;font-size:18px;line-height:20px;color:#ccc}
footer ul li a:hover{background:#505050;color:#ffd012}
footer ul li.active a{background:#505050;color:#fff}
footer ul li ul{display:inline-block;}
footer ul li ul li{display:inline-block;}
footer ul li ul li a{padding:0 3px;font-size:14px;line-height:20px}
.autor{margin:0 auto;max-width:1098px;font-size:14px;}
#cookiesok{position:fixed;bottom:0;box-sizing:border-box;width:100%;background-color:#000;color:#fff;padding:10px 15px;text-align:center;z-index:2000;}
#cookiesok a{color:#f29519}
#cookiesok a:hover{color:#fff}

.oferta{margin:5px;padding:15px;background-color:#666;color:#fff;border-radius:25px 5px;box-sizing:border-box;position:relative}
.oferta h2{}
.oferta p{padding-right:125px;}
.oferta .precio{position:absolute;bottom:15px;right:15px;background-color:transparent !important;color:#ffd012 !important}
.oferta .bl-precio{margin:0 2px;padding:5px;font-size:24px;text-align:center;color:#404040;border-radius:4px;background-color:#ffd012}

.p25{float:left;width:25%;box-sizing:border-box}
.p33{float:left;width:33%;box-sizing:border-box}
.p50{float:left;width:50%;box-sizing:border-box}
.p50 .wrap{padding:10px 15px}
.p100{width:100%}
.p100 .wrap{padding:10px 15px}
.p75{float:left;width:75%;box-sizing:border-box}
.padding-all{padding:10px 15px}

#home-slider{height:450px;width:100%;}
.textslider{margin-top:120px;margin-left:40px;width:40%;text-align:center;}
.textslider h1{margin:0;font-size:30px;}
.textslider h2{margin:0;font-size:22px;}
.textslider p{font-size:14px;text-align:center}

.home-masinfo{padding-top:10px;margin:0}
.home-masinfo .link{display:block;font-size:20px;padding:25px 0;text-align:center;background:#009eef;color:#fff;transition:0.2s background linear;border-radius:10px}
.home-masinfo .link.morado{background:#6c1f7f}
.home-masinfo .link.naranja{background:#ff6600}
.home-masinfo .link.rojo{background:#ef001f}
.home-masinfo .link.gris{background:#a0a0a0}
.home-masinfo .link.amarillo{background:#ffd012}
.home-masinfo .link.verde{background:#00aa6a}
.home-masinfo .link:hover{background:#505050}
.home-masinfo .p25{margin-bottom:10px}
.home-masinfo .p25 .wrap{padding:0 5px}

#slider-trabajos{height:450px;width:100%;}
.info-home{position:absolute;top:12px;left:12px;padding:12px;max-width:50%;border-radius:5px;-moz-border-radius:5px;color:#fff;background-color:rgba(0,0,0,0.6)}
.info-home h2{font-size:18px;font-family:'Oswald',Arial,sans-serif;font-weight:400}
.info-home p{font-size: 14px;}
.info-home a{color: #ffd012;}
.info-home a:hover{color: #fff;}

.owl-home-slider{}
.owl-works-slider{}
.owl-works-slider .item{padding:10px 5px}
.owl-works-slider .item img{max-height:256px}

.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f28{font-size:28px}
.f30{font-size:30px}
.fbig{font-size:72px}
.light{font-weight:300}
.w20{width:20px}
.w25{width:25px}
.w50{width:50px}
.w75{width:75px}
.w100{width:100px}
.w150{width:150px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w350{width:350px}
.w400{width:400px}
.input200{width:200px}
.input150{width:150px;margin-right:50px}
.input100{width:100px;margin-right:100px}
.input75{width:75px;margin-right:125px}
.izda{float:left}
.dcha{float:right}
.clear{clear:both}
.container{overflow:hidden}
.derecha{text-align:right}
.izquierda{text-align:left}
.centrado{text-align:center}
.justificado{text-align:justify}
.tachado{text-decoration:line-through}
.just{text-align:justify}
.negrita{font-weight:400}
.cursiva{font-style:italic}
.centrado{text-align:center}
.btn{padding:7.5px 15px;margin:5px 0;font-size:15px;background-color:#ffab00;color:#404040;font-weight:bold;box-sizing:border-box;border-radius:5px;}
.btn-dark{background-color:#ffab00;color:#404040;}
.btn:hover{background-color:#404040;}
.btn-inline{display:inline-block}

/* menu */
.sf-menu{float:right}
.sf-menu,
.sf-menu ul {		
	padding: 0;
	margin: 0;
	list-style: none;
}
.sf-menu > li { float: left; }
.sf-menu > li > a {
	position: relative;
	display: block;
}
.sf-menu .sf-mega,
.sf-menu li.dropdown ul {
	position: absolute;
	z-index: 210;
	top: 100%;
	left: 0;
	display: none;
}
.sf-menu li.dropdown { position: relative; }
.sf-menu li.dropdown ul ul {
	top: -1px;
	left: 100%;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega,
.sf-menu li.dropdown:hover > ul,
.sf-menu li.dropdown.sfHover > ul { display: block; }

/* Menu Skin */
.sf-menu{} 
.sf-menu a{}
.sf-menu li:last-child > a {}
.sf-menu > li > a,
.sf-menu > li.dropdown > a {
  padding:13px 10px;height:26px;color:#000;display:block;font-size:20px;letter-spacing:-0.6px;border:none;	
}

.sf-menu > li a i { margin-right: 5px; }
.sf-menu > li > a span { padding: 7px 9px; }
.sf-menu > li > a.sf-with-ul span { padding-right: 30px; }

.sf-menu li.sfHover > a,
.sf-menu a:hover,
.sf-menu li.sfHover a:hover{background-color:#f0f0f0;text-decoration:none;}

.sf-menu > li.current > a span {}
.sf-menu > li.current > a,
.sf-menu > li.current > a:hover {}

/**
 * 1. allow long menu items to determine submenu width
 */

.sf-menu li.dropdown ul {
	min-width: 200px; /* 1 */	
	background-color: #f0f0f0;
	box-shadow: 0 2px 4px rgba(0,0,0,.20);			
}

.sf-menu > li.dropdown ul {}	
.sf-menu > li.dropdown > ul li a {display:block;padding: 10px 15px;}
.sf-menu > li.dropdown > ul li a:hover{background-color:#404040}
	
/* mega menu dropdown */

.sf-mega {
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 15px 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 3px solid #18829c;	
	background-color: #fff;
}

.sf-mega-section {
	float: left;
	min-width: 155px;
	width: 25%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	padding: 0 20px;
	border-right: 1px solid #efefef;
}

.sf-mega-section:last-child { border-right: none; }

/* Mobile Menu  */		
#mobile-menu {
	z-index: 20;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 0;
}
#mobile-menu li {	
	display: block;
	margin: 0;
}	
#mobile-menu > li > ul, 
#mobile-menu > li > ul > li > ul {
	display: none;
	margin-left: 0;
}
#mobile-menu .sf-mega {
	display: none;
	padding: 0;
	border: none;
	margin: 0;
}
#mobile-menu .sf-mega-section {
	float: none;
	width: 100%;
	padding: 0;
	border: none;
}
#mobile-menu .sf-mega-section ul { margin-left: 0; }
#mobile-menu li a {
	position: relative;
	display: block;
	padding: 15px 25px;
	border-top: 1px solid #f0f0f0;
	color: #404040;
	text-align: left;
	text-decoration: none;
}
#mobile-menu ul a { padding-left: 45px; }
#mobile-menu ul li ul a  { padding-left: 65px; }
#mobile-menu .mobile-menu-submenu-arrow {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 70px;
	border-left: 1px solid #f0f0f0;
	line-height: 50px;
  background: url(../img/menu-arrows.png) no-repeat;
	text-align: center;
	cursor: pointer;
}
#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f0f0f0; }
/* arrows */
.fa-angle-down{background-position:0px 0px !important;}
.fa-angle-up{background-position:0px -50px !important;}
#mobile-menu li a:hover { background-color: #f0f0f0; }
#mobile-menu {display:none;}
/* Mobile menu trigger  */			
#mobile-menu-trigger {float:left;display:none;}
#mobile-menu-trigger:hover{background-color:#f0f0f0;}				
/* forms */
form { margin:0; }
input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	font-family: 'Oswald',sans-serif;
	font-size:16px;
	letter-spacing:0;
	border: 1px solid transparent;
	padding: 4px;
	outline: none;
	color: #FFFFFF;
	margin: 0;
	width:100%;
	max-width:100%;
	display: block;
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
	margin-bottom: 5px;
	-webkit-transition:0.2s background linear;
		-moz-transition:0.2s background linear;
			transition:0.2s background linear;
	-webkit-transform: translateZ(0);
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-background-clip: padding;
		-moz-background-clip: padding;
			background-clip: padding-box;
	background:rgb(0, 0, 0);
	background:rgba(0, 0, 0, 0.15);
	-webkit-border-radius:0;
		-moz-border-radius:0;
			border-radius: 0;
			-webkit-appearance: none;	
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
	resize: vertical;
	min-height:75px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	border: 1px solid transparent;
	color: #FFFFFF;
	background:rgb(0, 0, 0);
	background:rgba(0, 0, 0, 0.99);
}
.boton{font-family:'Oswald',sans-serif;}

.botonp a{
  background: #ffd012;
  text-shadow: 1px 1px 0 rgba(0,0,0,.15);
  color:#000;
  border:solid 2px #ffd012;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  display: inline-block;
  padding: 4px 8px;
  -moz-transition: border-color .2s;
  -o-transition: border-color .2s;
  -webkit-transition: border-color .2s;
  transition: border-color .2s;
  }
.botonp a:hover{border:solid 2px #ffab00;}

@media (max-width:959px){
  
  #submenu{display:none}
  #content-wrapper{width:100%}
  .home-masinfo .p25{width:50%}
      
}

@media (max-width:867px){

  h1{font-size:20px}
  h2{font-size:18px}
  h3{font-size:16px}
  .p25{width:50%}
  .p33{width:100%}
  .p50{width:100%}
  .p75{width:50%;}
  #home-slider{height:320px}
  .home-masinfo .link{font-size:18px;padding:20px 0}
  .footer-bar{padding-left:10px;padding-right:10px}
  
 	#menu{ display: none; }	
	#mobile-menu-trigger { 
		display: block;
		padding: 9px 9px 8px 9px;
	}     
}

@media (max-width:480px){
  header .logo{float:none;margin:auto}
  header .contact{float:none;margin-top:0;text-align:center}
  .p25{margin:0;width:100%}
  .p33{width:100%}
  .p50{width:100%}
  .p75{width:100%}
  
  #home-slider{height:220px}
  .home-masinfo{margin:0}
  .home-masinfo .link{font-size:16px;padding:12px 0}
  .home-masinfo .p25{width:100%;margin-bottom:1px}
  .home-masinfo .p25 .wrap{padding:0}
  .autor{text-align:center;}  
  .footer-bar .redes{text-align:center;}
  .footer-bar .last{text-align:center;}  
}