/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#7f7f7f;
	min-width:960px;
	height:100%;
	background:url(../images/body-bg.jpg) center top repeat #060625;
}

article{
	margin-bottom:20px;
}
.ic {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}

.main-bg {
	width:100%; 
	min-height:100%; 
}

.bg {
	width:100%; 
	min-height:100%; 
	
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:24px;
}

a {color:#b22300; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left; width:160px;}
.col-1 {margin-right:50px;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:45px;}
.p5 {margin-bottom:50px;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#b22300;}


/*********************************boxes**********************************/
.indent {padding:41px 30px 0 0;}
.indent-top {padding-top:15px;}
.indent-left {padding-left:30px; color:#EFFBFB;}
.indent-left2 {padding-left:10px;}
.indent-right {padding-right:50px;}

.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot2 {margin-bottom:5px;}
.img-indent-bot {margin-bottom:25px;}
.margin-bot {margin-bottom:35px;}

.img-indent {float:left; margin:0 19px 0px 0;}	
.img-indent2 {float:left; margin:0 25px 0px 0;}	
.img-indent3 {float:left; margin:0 30px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

.buttons a:hover {cursor:pointer;}

.menu li a,
.list-1 li a,
.link,
.link-1,
.link-2,
.button,
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:2;
}

#titulo{
	height:137px;
	float:left;
	
}

#titulo h1 {
	margin-top: 20px;
	text-align: center;
	font-size:45px;
	line-height:50px;
	color:#FFFFFF;
}

#urgencia{
	margin-top: 20px;
	padding-left:80px;
	float:left;
}

.address {
	width:230px;
	display:block;
	font-size:16px;
	line-height:35px;
	text-align:right;
	color:#b22300;
	margin-top:10px;
	background:url(../images/email.png) 0 0 no-repeat;
}
.phone {
	display:block;
	font-size:35px;
	line-height:30px;
	text-align:right;
	color:#fff;
	margin-top:0px;
	background:url(../images/telefono.png) 0 0 no-repeat;
  width: 236px;
}

#contacto{
	float:right;
	padding:41px 30px 0 0;
}	
/***** menu *****/
header nav {
	width:100%;
	height:52px;
	background:url(../images/menu-bg.jpg) 0 0 no-repeat;
	overflow:hidden;
}

.menu li {
	float:left; 
	position:relative;
	background:url(../images/menu-spacer.gif) left top no-repeat;
}
	.menu > li:first-child {background:none;}
.menu li a {
	display:inline-block; 
	font-size:18px; 
	line-height:25px; 
	padding:12px 28px 12px 29px; 
	color:#FFFFFF; 
	text-transform:capitalize; 
}
	.menu > li:first-child > a {
		text-indent:-999em;
		background:url(../images/menu-home.png) center 15px no-repeat;
		min-width:22px;
	}
.menu li a.active,
.menu > li > a:hover {color:#b22300;}
.menu > li:first-child > a.active,
.menu > li:first-child > a:hover {background-position:center -25px;}

/*********************************content*************************************/
#content {
	width:100%;
	height:auto; 
	padding:43px 0;
	font-size:13px;
	line-height:24px;
	position:relative;
	z-index:1;
}

.spacer-1 {
	width:100%; 
	background:url(../images/pic-1.gif) 217px 0 repeat-y;
}

h2 {
	font-family:'Myriad Pro';
	font-size:30px; 
	line-height:1.2em; 
	color:#b22300;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:15px;
}
h3 {
	font-size:25px; 
	 
	color:#b22300;
	margin-bottom:2px;
}
	h3 strong {margin-top:-25px;}
h4 {
	font-size:18px;
	line-height:25px;
	color:#f0f0f0;
	font-weight:normal;
	margin-bottom:8px;
}
h6 {color:#fff; font-weight:normal; margin-bottom:3px;}

.border-bot {
	width:100%; 
	padding-bottom:31px; 
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}
.border-bot2 {
	width:100%; 
	padding-bottom:23px; 
	margin-bottom:18px;
	background:url(../images/pic-1.gif) 0 bottom repeat-x;
}

.box {
	width:260px; 
	background:#060625;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	.box .padding {padding:15px 15px 20px 30px;}

.container-bot {
	width:100%;
	margin-top:-25px;
	padding-bottom:6px;
	background:url(../images/container-bot.png) left bottom no-repeat;
}
.container-top {
	width:100%;
	padding-top:6px;
	background:url(../images/container-top.png) left top no-repeat;
}
.container {
	width:100%;
	padding:20px 0 40px;
	background:url(../images/container-tail.png) left top repeat-y;
}

.button {
	display:inline-block; 
	padding:5px 15px 6px;
	font-size:13px;
	line-height:1.23em;
	font-weight:bold;
	color:#000; 
	background:url(../images/button-tail.png) 0 0 repeat-x #fb4400;
	cursor:pointer;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.button:hover {background:#fb4400; color:#fff;}

.list-1 li {
	line-height:18px; 
	padding:8px 0 8px 10px; 
	background:url(../images/marker-1.gif) 0 15px no-repeat;
}
	.list-1 a {
		display:inline-block;
		color:#7f7f7f;
		font-weight:bold;
	}
	.list-1 a:hover {color:#b22300;}

.list-2 li {
	line-height:20px; 
	padding:5px 0 5px 10px; 
	background:url(../images/marker-1.gif) 0 13px no-repeat;
}
	.list-2 a {display:inline-block;}
	.list-2 a:hover {text-decoration:none;}
	
	#page4 .list-2 a {color:#7f7f7f; text-decoration:none;}
	#page4 .list-2 a:hover {text-decoration:underline;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-weight:bold;
	padding-left:14px; 
	color:#fff;
	background:url(../images/marker-2.gif) 0 10px no-repeat;
}
.link-1:hover {text-decoration:underline;} 

.link-2 {color:#7f7f7f;}
.link-2:hover {text-decoration:underline;}

.text-1,
.text-2 {
	display:inline-block;
	font-size:40px;
	line-height:1.2em;
	color:#fff;
	letter-spacing:-1px;
} 

dl span {float:left; width:80px;}

dl.main-address dt {margin-bottom:5px;}
dl.main-address span {float:left; width:74px; color:#fff;}

.price-list td {border:1px solid #343434; line-height:39px;}
.price-list thead td {width:139px; text-align:center; color:#fff; font-weight:bold;}
.price-list td:first-child {width:158px;}
.price-list tbody td:first-child {color:#fff; font-weight:bold; text-align:left; text-indent:19px;}
.price-list tbody td {text-align:center;}

#fgeneral{
	width:100%;
	height:227px;
	background-image:url(../images/fontaneriageneral.jpg);
}

#itermos{
	width:100%;
	height:227px;
	background-image:url(../images/termoscalentadores.jpg);
}

#fdesatascos{
	width:100%;
	height:227px;
	background-image:url(../images/desatascos.jpg);
}

#sanitarios{
	width:100%;
	height:227px;
	background-image:url(../images/sanitarios.jpg);	
}

#humedades{
	width:100%;
	height:227px;
	background-image:url(../images/humedades.jpg);	
}
/****************************footer************************/
footer {
	width:100%; 
	padding:0 0 40px;
	text-align:center;
	margin-top: -20px;
}
	footer span {display:block;}
@media(max-width:480px){
  body{min-width:100%;background: url(../images/body-bg.jpg) center top no-repeat #060625;background-size: cover;}
  header{background-color: #050028;}
  div.main{width:100%;}
  #titulo {float: none;}
  #titulo h1 {font-size:40px;}
  #urgencia {padding-left: 10px;width:30%;}
  #urgencia > figure img{width:100%;}
  #contacto {padding: 40px 20px 0 0;width: 60%;}
  .container_12 {width:100% !important;}
  article {margin-bottom: 40px;}
  .container_12 .grid_4, .container_12 .grid_5, .container_12 .grid_6, .container_12 .grid_8 {width: 100% !important;display:block;}
  .extra-wrap{width:55%;}
  .p2, p{font-size:18px;}
  .indent-left {padding-left: 10px;}
  #itermos {
    width: 100%;
    height: 148px;
    background-image: url(../images/termoscalentadores.jpg);
    background-size: 100% 100%;}
  .wrapper .extra-wrap {width: 100%;}
  h3{margin-bottom: 20px;line-height: 30px;}
  h5 {
    font-size: 34px;
    margin-top: 47px;
}
  h4 a {
    font-size: 30px;
    display: block;
    margin: 12px 0;
}
  h4 br{display:none;}
h4 {
    font-size: 40px;
    line-height: 40px;
    color: #f0f0f0;
    font-weight: normal;
    margin-bottom: 8px;
    padding: 20px;
}
}
.address{display:none;}