@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
/* Fuentes */
/* 
font-family: 'Open Sans', 'sans-serif';
font-weight: 700;
font-weight: 400;
font-weight: 300;

*/

/* SITIO WEB ROLLER HOUSE */
/* ABRIL/2014 */
/* DESARROLLO Y DISEÑO WEB POR WWW.VIAMAGICA.CL */

/*****************
	http://meyerweb.com/eric/tools/css/reset/ - v2.0b1 | 201101
*****************/

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, 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, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline; font: inherit*/ }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
ol, ul { list-style: none; list-style-position: inside;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


/* remember to define visible focus styles! 
:focus { outline: ?????; } */


/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

table	{ border-collapse: collapse; border-spacing: 0; }

/*********************************************
Estilos Generales para Escritorio
*********************************************/
body,td,th {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	color: #333;
}
body {
	background: rgba(241,241,241,1);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
section{
	margin-bottom:20px;}


/*Textos*/
a {
	font-size: 1em;
	color: rgba(15, 130, 170,1);
	transition:0.3s;
}
a:hoger {
	background: rgba(235,50,90,1);
	transition:0.3s;
}
h1,h2,h3,h4,h5,h6,p {
	font-style: normal;
	font-weight: normal;
	margin-top:0px;
	display:block
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 3em;
	margin-bottom:20px;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 2.5em;
	margin-bottom:10px;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;	
	font-size: 2em;
	margin-bottom:10px;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	margin-bottom:5px;
}
h5 {
	font-size: 1.2em;
	margin-bottom:5px;
}
p,li{
	font-size:1em;
	line-height:1.5em;
	margin-bottom:20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 25px;
}

.btn{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 13px;
	background: rgba(151,151,151,1);
	display: block;
	float: left;
	padding: 10px 15px;
	width: auto;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	transition: 0.3s; 
	border: none;
	cursor: pointer;
}
.btn:hover{
	background: rgba(196,41,58,1);
	transition: 0.3s; 
}
/*header*/
header{
	width:100%;
	min-height: 110px;
	background: url(../imagenes/bg-head.png) center top repeat rgb(255,255,255);
}
#cont-header{
	width:1030px;
	min-height: 110px;
	margin:auto;
	/*overflow:hidden;*/
}
header #logo{
	width:25%;
	float:left;
	padding-top: 30px;
}
header #logo img{
	width:100%;
}
#fono-head{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	color: #888;
}
#fono-head a{
	color: #FFF;
	text-decoration: none;
}
#fono-head a:hover{
	color: #FFF;
	text-decoration: underline;
}
#fono-head a img{
	margin-bottom: -3px;
}
header nav#menu-principal{
	width:70%;
	float:right;
	margin-top: 15px;
	text-align: right;
	margin-bottom: 0px;
}
/*slide*/
section#slide{
	margin-bottom: 0px;
}
/*wrap*/
#wrap{
	width:970px;
	margin:auto;
	background: rgba(255,255,255,1);
	padding: 30px;
	overflow: hidden;
}
.btn-ver-mas-prod-home{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 13px;
	background: rgba(196,41,58,0);
	display: block;
	float: right;
	padding: 10px 15px;
	margin-top: -55px;
	width: auto;
	color: #000;
	text-decoration: none;
	border-radius: 5px;
	cursor: pointer;
	border:1px solid #dadce0;
}
.btn-ver-mas-prod-home:hover{
	color: #FFF;
	background: rgba(196,41,58,1);
	border:1px solid rgba(196,41,58,0);
}
#productos-destacados-home article{
	width: 23%;
	padding: 0;
	margin: 1%;
	float: left;
	background: rgba(241,241,241,1);
	border-bottom: rgba(217,217,217,1) solid 5px;
}
#productos-destacados-home article a{
	color: #333;
	text-decoration: none;
}
#productos-destacados-home article figure{
	width: 100%;
	height: auto;
}
#productos-destacados-home article figure img{
	width: 100%;
	height: auto;
	border-bottom: rgba(217,217,217,1) solid 5px;
	-webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: url(grayscale.svg); /* Firefox 4+ */
	  filter: gray; /* IE 6-9 */
	  transition: 0.3s; 
	  
}
#productos-destacados-home article:hover figure img{
	border-bottom: rgba(196,41,58,1) solid 5px;
	-webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: grayscale(0%);
	  filter: none; /* IE 6-9 */
 	  transition: 0.3s;
}

#productos-destacados-home article figcaption{
	padding: 7%;
	width: 86%;	
	height: 50px;
}
#productos-destacados-home article figcaption h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
}
#productos-destacados-home article figcaption span{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: rgba(196,41,58,1);
}
/*#productos-destacados-home article a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 13px;
	background: rgba(151,151,151,1);
	display: block;
	margin: 7%;
	width: 82%;
	padding: 6% 2%;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
}
#productos-destacados-home article a:hover{
	background: rgba(196,41,58,1);
}*/
/*header*/
footer{
	width:100%;
	overflow: hidden;
	background: url(../imagenes/bg-head.png) center top repeat rgb(255,255,255);
}
#foot01{
	background: rgba(0,0,0,1);
	padding: 
}
#cont-foot01{
	width: 1030px;
	padding: 20px 0px;
	border-top: 50px solid rgba(255,255,255,1);
	margin:auto;
	color: rgba(255,255,255,1);
	overflow: hidden;
}
#foot02{
	background: rgba(255,255,255,1);
	padding: 
}
#cont-foot02{
	width: 1030px;
	padding: 20px 0px;
	margin:auto;
	color: rgba(0,0,0,1);
	overflow: hidden;
}
.foot-left{
	float: left;
	width: 65%;
}
.foot-right{
	float: right;
	width: 28%;
	padding-left: 20px;
	border-left: 1px solid #343633;
	font-size: 14px;
}

#menu-footer{
	display: block;
	width: 100%;
}
#menu-footer a{
	display: block;
	float: left;
	margin-right: 23px;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
}
#menu-footer a:hover{
	color: rgba(196,41,58,1);
}
#cont-foot01 .foot-left figure{
	float: right;
	width: 30%;
	margin-top: 20px;
}
#cont-foot01 .foot-left figure img{
	width: 100%;
}
#cont-foot01 .foot-right span{
	display: block;
	width: 100%;
	margin-bottom: 5px;	
}
.redes-foot{
	width:100%;
	display: block;
	padding-top: 20px;
	text-align: left;
	margin-bottom: 0px;
}
.redes-foot a{
	display: inline-block;
	width: 24px;
	height: 24px;
	padding: 8px;
	margin: 3px;
}
.redes-foot a:hover{
	background: rgba(196,41,58,1);
}
.redes-foot-fb{
	background: rgba(60,90,150,1);
}
.redes-foot-tt{
	background: rgba(85,160,220,1);
}
.redes-foot-v{
	background: rgba(90,170,210,1);
}
.redes-foot-ins{
	background: rgba(221,54,106,1);
}
.logo-foot{
	width: 15%;
	float: left;
}

.logo-foot img{
	width: 100%;
}
#cont-foot02 p{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
/*Interiores*/
#titulo-pagina{
	width:100%;
	height: 135px;
	margin:auto;
	background: url(../imagenes/bg-tit.jpg) center top repeat rgb(255,255,255);
	overflow: hidden;
}
#cont-titulo{
	width:1030px;
	min-height: 110px;
	margin:auto;
	position: relative;
}
#cont-titulo div{
	background: rgba(196,41,58,1);
	width: 40%;
	height: 100px;
	padding: 3%;
	position: absolute;
	color: #FFF;
}
#cont-titulo div h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.5em;
	margin-bottom:10px;
}
#cont-titulo div h2{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom:20px;
}
.col {
	display: block;
	overflow: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
.t-60{
	width: 60%;
}
.t-50{
	width: 50%;
}
.t-45{
	width: 45%;
}
.t-35{
	width: 35%;
}
figure.img-100{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
figure.img-100 img{
	width: 100%;
	height: auto;
}
figure.img-3{
	width: 29.333%;
	margin: 0px 2% 20px 2%;
	overflow: hidden;
	float: left;
}
figure.img-3 img{
	width: 100%;
	height: auto;
}
.banner{
	margin-bottom: 30px;
	overflow: hidden;
	opacity: 1
}
.banner .img-100{
	margin-bottom: -2px;
}
.banner figcaption{
	background: rgba(196,41,58,1);
	width: 90%;
	padding: 5%;
	color: #FFF;
	height: auto;
	overflow: hidden;
}
.banner a:hover{
	opacity: 0.8;
}
.share{
	padding: 10px 0 10px 0;
	overflow: hidden;
}







#cont-proyectos article{
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	float: left;
	background: rgba(241,241,241,1);
	border-bottom: rgba(217,217,217,1) solid 5px;
}

#cont-proyectos article:hover{
	border-bottom: rgba(196,41,58,1) solid 5px;
}
#cont-proyectos article figure{
	width: 30%;
	height: auto;
	float: left;
}
#cont-proyectos article figure img{
	width: 100%;
	height: auto;
	-webkit-filter: grayscale(100%);
	  -moz-filter: grayscale(100%);
	  -ms-filter: grayscale(100%);
	  -o-filter: grayscale(100%);
	  filter: grayscale(100%);
	  filter: url(grayscale.svg); /* Firefox 4+ */
	  filter: gray; /* IE 6-9 */
	  transition: 0.3s; 
	  
}
#cont-proyectos article:hover figure img{
	-webkit-filter: grayscale(0%);
	  -moz-filter: grayscale(0%);
	  -ms-filter: grayscale(0%);
	  -o-filter: grayscale(0%);
	  filter: grayscale(0%);
	  filter: none; /* IE 6-9 */
 	  transition: 0.3s;
}

#cont-proyectos article figcaption{
	padding: 2%;
	width: 65%;
	float: right;
}
#cont-proyectos article figcaption h3{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #333;
}
#cont-proyectos article figcaption p{
	color: #333;
	font-size: 12px;
	line-height: 20px;
}
form.contacto {
	width:100%;
	margin:auto;}
form.contacto label {
display: block;
margin-bottom: 10px;
margin-top: 10px;
font-size: 1.2em;
}
form.contacto input[type="text"] {
background: #fff;
border: 1px solid #cecece;
padding: 10px;
width: 90%;
height: 20px;
margin-bottom: 5px;
}
form.contacto textarea {
background: #fff;
border: 1px solid #cecece;
padding: 10px;
width:90%;
height: 300px;
margin-bottom: 10px;
height: 140px;
}
h2.exito{
	text-align:center;
	color:rgba(255,255,255,1);
	background:rgba(20,220,130,1);
	padding:20px;
	border-radius:5px;}
h2.exito img{
	margin-bottom:-5px;
}

#datos-cont h3{
	margin-bottom: 20px;	
}

#datos-cont span{
	font-size: 12px;
	display: block;
	margin-bottom: 20px;
}

#datos-cont span img{
	margin-bottom: -5px;
	margin-right: 10px;
}