/* 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}
/* Left & Right alignment */
ol, ul {
    list-style: outside none none;
}
.left  {float:left}
.right  {float:right}
.wrapper {width:100%;overflow:hidden}
.wrapp {width:940px; margin:0 auto;}
/* Global properties ======================================================== */
body {/*background:url(../images/bg_top.gif) 0 0 repeat-x #000*/;border:0;font-size:14px; font-family: 'Roboto', sans-serif;color:#808080;line-height:24px;min-width:980px; background:#ededed ;}
.ic, .ic a {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}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;	width:960px;position:relative}
.bg1 {background:#f9f9f9;}
/* ============================= main layout ====================== */
a {color:#5f870e;text-decoration:none;outline:none}
a:hover {color:#fff}
h1 {padding:20px 0 0 0;float:left}

h3.color1 {padding:0 0 7px 0}
p {padding-bottom:24px}
/* ============================= header ====================== */
header {height:179px;}
#page1 header {height:662px}
#logo {display:block;text-indent:-9999px;background:url(../images/logo.png) 0 0 no-repeat;width:330px;height:94px}
#search {float:right;padding:50px 10px 0 0 }
#search .bg {background:url(../images/search.png) 0 0 no-repeat;width:220px;height:23px}
#search .input {background:none;padding:3px 13px;font:14px Arial, Helvetica, sans-serif;color:#000;height:17px;width:194px;margin:0}
#menu {
    padding-top: 23px;
}
#menu > li {
    float: left;
    padding-right: 5px;
}
#menu .last {
    padding-right: 0;
}
#menu > li > a {
    background: #000000 none repeat scroll 0 0;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
	height: 38px;
	padding-top:2px;
}


#menu > li > a:hover, #menu > .active > a {
    background: #00b4cc none repeat scroll 0 0;
    border: medium none;
}
#menu > li > a span {
    display: block;
    position: relative;
}
#slider {position:absolute;left:0;width:100%;height:350px;overflow:hidden;z-index:1;border:1px solid #ededed;}
#slider p{ color:#1d71b8;}
.items {display:none}
.pagination {bottom: 15px;
    position: absolute;
    right: 415px;
    z-index: 2;}
.pagination li {float:left;padding-left:3px}
.pagination a {display:block;width:17px;height:17px;background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px}
.pagination a:hover, .pagination .current a {background-position:left}
.banner {position:absolute;top:80px;z-index:2;right:32px;color:#a0a0a0;width:350px; text-align:right;}
.title {font-size:47px;line-height:1.2em;display:block;padding-bottom:9px}
.title .color2 {color:#1d71b8;}
.title span {display:block;margin-top:-17px}
/*.banner .button1 {font-size:28px;padding:0 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px}*/
.banner .button1:hover {background:#090909;color:#fff}
.signature {text-align:right;display:block;color:#5f870e;line-height:20px;padding-top:6px}
.signature strong {display:block;color:#fff}
/* ============================= content ====================== */
#content, #content2 {/*padding:0 20px*/}
#content {padding-bottom:9px}
#content2 {padding-bottom:21px}
.pad_bot1 {padding-bottom:12px}
.marg_right1 {margin-right:40px}
.marg_right2 {margin-right:18px}
.no_pad { padding-bottom:0}
.color1 {color:#f39200}
.color2 {color:#fff}
.button1 {background: #4471b5 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;padding: 0 18px;
    position: relative;}
.button1:hover {background:#fff;color:#000}
.list1{}
.list1 a {color:#808080;padding-left:15px;background:url(../images/marker_1.png) 0 5px no-repeat}
.list1 a:hover {color:#5f870e}
.list2{}
.list2 li {padding-left:15px;background:url(../images/marker_1.png) 0 9px no-repeat;padding-bottom:12px}
figure {padding-top:2px; padding-bottom:20px;}
.dropcap_1 {float:left;background:url(../images/dropcap_1.png) 0 0 no-repeat;width:45px;height:45px;text-align:center;font-size:33px;line-height:42px;color:#fff;font-weight:700;margin-right:15px;margin-top:2px;margin-bottom:10px}
.address span {float:left;width:88px}
.address a {text-decoration:underline}
/* ============================= footer ====================== */
footer {
	/*background-image: url("../images/footer.jpg");
    background-repeat: repeat;*/
    background: #575756; /* Old browsers */
    height: auto;
    clear: both;
    margin:0px 0px 0px 0px;
	color:#fff;
	}
.cont-footer {
	width:940px;
	height:210px;
	margin:0 auto;
	padding:20px 40px;
	font-size:14px;
}

footer a {color:#808080}
footer a:hover {color:#fff}
#icons {/*width:184px;*/float:right}
#icons li {float:left;padding-right:10px}
#icons .first {float:none;font-size:23px;color:#878787;font-weight:400;line-height:1.2em;margin-top:-15px;letter-spacing:-1px;padding-bottom:9px; text-align:right;}
/* Tooltips */
.aToolTip  {background:#5f870e;color:#fff;	margin:0;padding:2px 10px 3px;font-size:12px;line-height:1.2em;position:absolute}
.aToolTip .aToolTipContent  {position:relative;	margin:0;padding:0}
/* ============================= forms ============================= */
#ContactForm {margin-top:-2px; width: 520px;}
#ContactForm .wrapper {overflow:inherit;min-height:30px;line-height:26px}
#ContactForm .textarea_box {min-height:189px}
#ContactForm  span {float:left;width:80px}
#ContactForm a {margin-left:15px;float:right;width:124px;padding:0;text-align:center}
#ContactForm .input  {margin:0;width:420px;height:18px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea  {overflow:auto;width:420px;height:160px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif;margin:0}
#ContactForm  .bg {background:#fff; position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left; margin-bottom:10px;}

.number { 
	background: none repeat scroll 0 0 #878787;
    border-radius: 5px;
    float: right;
    margin-top: 48px;
    padding: 5px;
    text-align: right;
	color:#fff;
}

.servicios {
    color: #00b4cc;
    font-size: 21px;
    font-style: normal;
    font-weight: bold;
}

.down1 {float: left; margin-left: 38px; margin-top: 20px;}

a:hover .down1 {opacity: 0.8;
    z-index: 2;}


.bubble2 {
	clear: both;
	margin: 0px auto;
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle2 {
	background: none repeat scroll 0 0 #000;
    cursor: pointer;
    float: left;
    height: 27px;
    left: -20px;
    padding: 6px 15px 1px;
    position: relative;
    top: -60px;
    z-index: 100;
}

.rectangle2 h3.read a{color:#fff; text-decoration: none;text-transform: uppercase;}
.rectangle2 h3.read a:hover{color:black; text-decoration: underline;}

.triangle-l2 {
	border-color: transparent #706F6F transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -34px;
	top: -41px;
	z-index: -1; /* displayed under bubble */
}

.picture1  {    width:202px; height:180px; border:#ccc solid 4px;}
.read {	color: #fff;
    text-transform: uppercase;}

.bubble2 {
	clear: both;
	margin: 0px auto;
	position: relative; 
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}


.promo {
	height:auto;
	margin:0 auto;
	background:#ffffff;
	padding:0px 0px 20px 0px;
	text-align:center;
	width:100%;
	float:left;
	
}

.promo p{	text-align:center;}

.promo h1{
background-image:url(../images/fondo_menu-title.png);
color: white;
height: 27px;
font-size: 13px;
font-weight: normal;
line-height: 28px;
text-align: center;
position: relative;
top:-15px;
width: auto;margin:0 auto; width: 450px; }

.promo h2{
	background: #00b4cc  none repeat scroll 0 0;
    color: white;
    font-size: 20px;
    font-weight: normal;
	line-height: 28px;
    margin: 0 auto;
    padding: 2px 0;
    position: relative;
    text-align: center;
    top: -15px;
    width: 310px;}

.cont-promo { width:1020px;	/*height:325px;*/ margin:0 auto;}

.slider {
	height: 380px;
}

.contenido {
	/*width:820px;*/
	margin:30px auto;
	text-align:justify;
	/*border:#DABF80 solid 4px;*/
	min-height:400px;
}

.contenido-interno {
   /* float: left;*/
    margin: 30px auto;
    min-height: 400px;
    text-align: justify;
    /*width: 680px;*/
}

.contenido-interno h2{
	color: #00b4cc;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2em;
    /*padding: 30px 0 11px;*/
}

.contenido h2{
	 border-bottom: 1px solid #999;
    color: #1d71b8;
    font-size: 24px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 100%;
}

.productos{

    /*border-bottom: 1px solid;*/
    float: left;
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;

}

.productos h3{
	font-size:21px;

}

.informacion-foto {

    float: left;
    text-align: center;
    width: 290px;
	float:left;
	color:#fff;
	font-size:14px;

	
}

.informacion-producto {

    float: left;
    padding-left: 20px;
    width: 370px;
	
}

aside {

background:-moz-linear-gradient(top,  rgba(204,204,204,0) 0%, rgba(204,204,204,0.65) 99%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,0)), color-stop(99%,rgba(204,204,204,0.65))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(204,204,204,0.65) 99%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(204,204,204,0.65) 99%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  rgba(204,204,204,0) 0%,rgba(204,204,204,0.65) 99%); /* IE10+ */
background:linear-gradient(to bottom,  rgba(204,204,204,0) 0%,rgba(204,204,204,0.65) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cccccc', endColorstr='#a6cccccc',GradientType=0 ); /* IE6-9 */


    float: right;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-top: 30px;
	width: 240px;
	position:relative;
}

aside h3{
	color: #f39200;
    font-size: 18px;
    padding: 0 20px;
    text-align: center;
}


#contactoForm {
    float: left;
	margin-left:70px;
	margin-bottom:30px;
}

.cont-formulario {
    float: left;
    margin-bottom: 10px;
    padding: 5px;
    width: 480px;
}

#contactoForm input {
    border: 1px solid #808080;
    float: right;
    width: 360px;
}

#contactoForm label {
   color: #808080;
    float: left;
    margin-right: 10px;
    text-align: left;
    width: 100px;
}

#contactoForm textarea {
    border: 1px solid #808080;
    float: right;
    height: 140px;
    width: 360px;
}

#contactoForm .enviar {
    background: #1d71b8 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    float: right;
    padding: 5px;
    width: 100px;
}


.btn-presupuesto{padding:5px;
background: rgb(214,66,55); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,66,55,1) 0%, rgba(195,50,50,1) 51%, rgba(178,48,46,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,66,55,1)), color-stop(51%,rgba(195,50,50,1)), color-stop(100%,rgba(178,48,46,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(214,66,55,1) 0%,rgba(195,50,50,1) 51%,rgba(178,48,46,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(214,66,55,1) 0%,rgba(195,50,50,1) 51%,rgba(178,48,46,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(214,66,55,1) 0%,rgba(195,50,50,1) 51%,rgba(178,48,46,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(214,66,55,1) 0%,rgba(195,50,50,1) 51%,rgba(178,48,46,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64237', endColorstr='#b2302e',GradientType=0 ); /* IE6-9 */

height: 35px; margin:0 auto; text-align:center; width:250px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-size: 13px;
border-radius: 5px;}

.btn-presupuesto a{color: #fff; text-decoration: none;}
.btn-presupuesto a:hover{color: #fff; text-decoration: underline;}

.clearing {
    clear: both;
}

.dimensiones {
	background:#1d71b8;
	float:left;
	width:100%;
}

.dimensiones ul{
	background: #ededed none repeat scroll 0 0;
    color: #808080;
    font-size: 13px;
    line-height: 20px;

}

h2{
	/*color: #00b4cc;
    font-size: 33px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2em;
    padding: 30px 0 11px;*/
}

.galeria {
    float: right;
    width: 324px;
}

.galeria img {
    height: 150px;
    margin: 5px;
    width: 150px;
}