@charset "utf-8";
html {
  scroll-behavior: smooth;
}

#section1 {
  height: 600px;
  background-color: pink;
}

#section2 {
  height: 600px;
  background-color: yellow;
}

html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {
vertical-align:baseline;
font-family:inherit;
font-weight:inherit;
font-style:inherit;
font-size:100%;
outline:0;
padding:0;
margin:0;
border:0;
}

:focus {
outline:0
}

body {
background:#fff;
line-height:1;
color:#000;
}

ol,ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0
}

caption,th,td {
font-weight:400;
text-align:left;
}

blockquote:before,blockquote:after,q:before,q:after {
content:""
}

blockquote,q {
quotes:"" ""
}

* {
margin:0;
padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

a {
text-decoration:none;
color:#000
}

html {
font-size:100%;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
.centrar1 {
margin:0 auto;
text-align:center;
width:auto;
float:right;
padding-right:50px;
}
.centrar {
margin:0 auto;
text-align:center;
width:980px;
margin-top:0;
padding-top:0
}

img {
max-width:100%;
height:auto
}

.transparente {
-khtml-opacity:.6;
-moz-opacity:.6;
filter:alpha(opacity=60);
opacity:.6;
zoom:1;
cursor:pointer
}

.opaco {
-khtml-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
zoom:1;
cursor:pointer
}

.negrita {
font-weight:700
}
.rslides {
position:relative;
list-style:none;
overflow:hidden;
width:100%;
padding:0;
margin:0 auto;
max-width:1920px
}

.rslides li {
-webkit-backface-visibility:hidden;
position:absolute;
display:none;
width:100%;
left:0;
top:0
}

.rslides li:first-child {
position:relative;
display:block;
float:left
}

.rslides img {
display:block;
height:auto;
float:left;
width:100%;
border:0
}




.logo {
float:left;
padding-right:30px
}

nav {
width:100%;
position:relative;
margin:0 auto;
text-align:center;
height:160px;
padding-top:10px;
margin:10px 0 10px 0
}

.left-nav {
position:relative;
padding-top:25px;
max-width:100%;
margin:0 auto;
padding-left:150px;
}

.left-nav li {
font-size:17px;
letter-spacing:1px;
font-family:'kanitregular';
text-decoration:none;
list-style:none;
display:inline;
padding:45px 10px 0 15px;
float:left;
}

.left-nav li a {
text-decoration:none;
color:#000
}

.left-nav a:hover {
color:#F37879;
text-decoration:underline
}

li.click {
color:#F37879
}

#follow {
padding-top:25px;
width:200px;
position:relative;
text-align:center;
margin:0 auto;
float:right;
clear:right;
padding-left:25px;
margin-right:100px;
font-family:'kanitregular';
font-size:16px;
alignment-adjust:middle;
}
.redes-sociales li {
display:inline;
padding:0 5px
}
#contenido {
position:relative;
max-width:1920px;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:600px;
}
h1 {
font-family:'sairabold';
font-size:80px;
padding-left:150px;
padding-top:100px;
color:#FFF;
}
h2 {
font-family:'sairabold';
font-size:30px;
text-align:left;
padding-top:40px;
padding-bottom:30px;
}
.work-index li {
padding: 0 0 30px 0;
}

#descripcion-index {
width:50%;
margin:0 auto;
text-align:center;
border:#121212 solid;
padding:40px 15px;
margin-top:50px;
color:#121212
}


.raya {
width:40px;
height:5px;
padding-top:30px;
border-bottom:#000 solid
}


#texto-index {
width:1000px;
clear:both;
padding:65px 0 80px 150px;
font-family:'kanitregular';
font-size:16px;
line-height:30px;
text-align:left;
color:#121212
}
h6 {
font-family:'sairabold';
font-size:40px;
text-align:left;
padding-top:35px;
padding-bottom:30px;
}
#contenido-trabajos {
width:1200px;
padding:25px 0 65px;
margin:0 auto;
text-align:center;
clear:both
}
#contenido-work {
position:relative;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:450px;
}

h4{
font-family:'sairabold';
font-size:40px;
text-align:left;
padding-top:40px;
padding-left:150px;
padding-bottom:30px;
color: #FFF;
}


.servicios-contenedor{
  padding-top:40px;
  padding-bottom:60px;
  width:100%;
	margin:0 auto;
	text-align:center;
	color:#000;
	background-color:#C03;
	height:450px;
}


#servicios ul{
font-family: 'sairaregular';
  letter-spacing:1px;
  text-align:left;
  font-size:17px;
  line-height:25px;
  width:1200px;
  margin:0 auto;
  color:#FFF;
}

#servicios li{
  display:block;
  float:left;
  width:300px;
  padding:30px 20px 10px 0;
}
h3 {
font-family:'sairabold';
line-height:35px;
font-size:25px;
color: #FFF;
}
h3 a{
color: #FFF;
}
h3 a:hover {
-khtml-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
opacity:.4;
zoom:1;
cursor:pointer
}
.ver{ color:#FFF;
}

#contenedor-contacto {

clear:both;
padding-bottom:30px;
}

.escribinos {
position:relative;
padding-top:40px;
margin:0 auto;
width:900px;
text-align:center;
clear:both
}

.escribinos li {
font-size:22px;
line-height:26px;
letter-spacing:1px;
font-family:'kanitregular';
text-decoration:none;
list-style:none;
display:inline;
padding:45px 10px 30px 20px;
float:left;
text-align:left;
width:360px;
border-bottom:#000 solid 2px;
margin-left:60px
}

#contacto {
width:900px;
height:500px;
margin:0 auto;
text-align:center;
clear:both;
}

#presupuesto {
margin:0 auto;
padding-top:40px;
margin-top:30px;
padding-left:60px;
margin-bottom:30px;
float:left;
}

#presupuesto ul {
width:350px;
height:370px;
margin:0 auto
}

#presupuesto li {
float:left;
list-style:none;
display:inline;
padding:20px 0 25px
}

.datos-contacto {
padding-top:70px;
margin-top:30px;
float:left
}

.datos-contacto li {
padding-bottom:20px;
padding-left:110px;
text-align:left;
font-style:italic
}

.datos-contacto-texto {
padding-top:75px;
margin-top:30px;
float:left
}

.datos-contacto-texto li {
padding-bottom:50px;
padding-left:20px;
text-align:left;
font-family:'kanitregular';
font-size:13px
}

.espaciocontacto {
padding-bottom:20px
}

.comprar_consultar {
padding:0
}

.comprar_consultar label {
display:block;
font-family:'kanitregular';
letter-spacing:2px;
font-size:12px;
color:#000;
width:380px;
}

.comprar_consultar div {
margin-bottom:10px;
padding:0 0 5px;
}

.comprar_consultar input[type='text'],.comprar_consultar textarea {
padding:2px;
width:380px;
height:25px;
resize:none;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
color:#333;
border-bottom:solid thin;
border-top:none;
border-left:none;
border-right:none;
}

.comprar_consultar input[type='text']:focus,.comprar_consultar textarea:focus {
outline:none
}

footer {
width:100%;
margin:0 auto;
padding:30px 0 35px;
text-align:center;
clear:both;
background-color:#121212;
}

.footer-style {
font-size:10px;
letter-spacing:1px;
line-height:20px;
color:#FFF;
text-decoration:none;
}


.ir-arriba {
display:none;
padding:20px;
background:#000;
font-size:20px;
color:#fff;
cursor:pointer;
position:fixed;
bottom:20px;
right:20px;
z-index:2;
}

#subir {
text-align:center;
margin:0 auto;
padding-top:10px;
padding-bottom:20px
}
#contenido-disenio {
position:relative;
max-width:1920px;
margin:0 auto;
width:100%;

}
#texto-trabajos {
width:1000px;
clear:both;
padding:25px 0 80px 150px;
font-family:'kanitregular';
font-size:16px;
line-height:30px;
text-align:left;
color:#121212
}
#contenedor-contacto-ok {
	width:100%;
margin:120px 0 120px;

}

.gracias {
font-family:'kanitregular';
letter-spacing:2px;
font-size:14px;
line-height:21px;
color:#000;
text-align:center;
padding:80px 0 30px;
height:100px;
width:30%;
border:#000 solid thin;
text-align:center;
margin:0 auto;
}

@media handheld,screen and (min-width:851px) and (max-width:1200px) {
#contenido {
width:100%;
}

.logo {
float:none;
padding:10px 0 0 15px;
text-align:center;
margin: 0 auto;
}

nav {
width:100%;
position:relative;
height:400px;
text-align:center;
margin: 0 auto;
}

.left-nav {
	width:100%;
max-width:800px;
position:relative;
padding: 0;
padding-bottom:18px;
padding-top:18px;
text-align:center;
margin: 0 auto;
}
.left-nav ul {
	width:100%;

}
.left-nav li {
font-size:17px;
display:block;
padding:20px 0 10px 0;
float:none;
padding-left:0px;
text-align:center;
}

#follow {
padding-top:25px;
width:200px;
position:relative;
float:none;
clear:both;
padding-right:0;
text-align:center;
margin: 0 auto;
}

.redes-sociales li {
display:inline;
padding:30px 10px 0 0;
float:none
}

#contenido {
position:relative;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:600px;
}
h1 {
font-family:'sairabold';
font-size:70px;
padding-left:100px;
padding-top:100px;
color: #DA6963;
}

#descripcion-index {
width:100%;
margin:0 auto;
text-align:center;
padding:35px 15px;
margin-top:50px
}

#descripcion-index h1 {
font-size:17px;
line-height:35px;
text-align:center
}


#texto-index {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}
h6 {
font-size:35px;
text-align:left;
padding-left:100px;
}

#contenido-trabajos {
width:100%;
padding:25px 0 65px;
margin:0 auto;
text-align:center;
clear:both
}
h4{
font-size:40px;
text-align:left;
padding-top:40px;
padding-left:100px;
padding-bottom:30px;
}
h3 {
line-height:35px;
font-size:18px;
color: #FFF;
}
.servicios-contenedor{
  padding-top:40px;
  padding-bottom:60px;
  width:100%;
	margin:0 auto;
	text-align:center;
	height:450px;
}

.servicios {
position:relative;
width:100%;
margin:0 auto;
padding-top:50px;
}
#servicios ul{
	width:90%;
  text-align:left;
  font-size:14px;
  line-height:25px;
  margin:0 auto;
  color:#FFF;
  padding-left:100px;
}

#servicios li{
  display:block;
  float:left;
  width:200px;
  padding:30px 10px 10px 0;
}
#contenedor-contacto {
	width:100%;
}

.escribinos {
	display:none;
}

.escribinos li {
	display:none;
}

#contacto {
width:768px;
height:500px;
margin:0 auto;
text-align:center
}

.comprar_consultar label {
display:block;
letter-spacing:2px;
font-size:12px;
color:#000;
width:320px
}
.comprar_consultar input[type='text'],.comprar_consultar textarea {
width:320px;

}


.datos-contacto li {
padding-bottom:20px;
padding-left:50px;
text-align:left;
font-style:italic
}
#texto-trabajos {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}

}
@media handheld,screen and (min-width:768px) and (max-width:850px) {
.logo {
max-width:100%;
float:none;
padding:10px 0 0 15px;
}

nav {
width:100%;
position:relative;
height:500px;
text-align:center;
margin: 0 auto;
}

.left-nav {
	width:100%;
max-width:800px;
position:relative;
padding: 0;
padding-bottom:18px;
padding-top:18px;
text-align:center;
margin: 0 auto;
}

.left-nav ul {
	width:100%;

}
.left-nav li {
font-size:20px;
display:block;
padding:20px 0 10px 0;
float:none;
padding-left:0px;
text-align:center;
}

#follow {
padding-top:25px;
width:200px;
position:relative;
float:none;
clear:both;
padding-right:0;
text-align:center;
margin: 0 auto;
}



.redes-sociales li {
display:inline;
padding:30px 10px 0 0;
float:none
}

#contenido {
position:relative;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:600px;
}
h1 {
font-family:'sairabold';
font-size:70px;
padding-left:100px;
padding-top:100px;
color:#FFF;
}

#descripcion-index {
width:100%;
margin:0 auto;
text-align:center;
padding:35px 15px;
margin-top:50px
}

#descripcion-index h1 {
font-size:17px;
line-height:35px;
text-align:center
}


#texto-index {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}
h6 {
	font-size:30px;
padding-left:100px;
}

#contenido-trabajos {
width:100%;
padding:25px 0 65px;
margin:0 auto;
text-align:center;
clear:both
}
h4{
font-family:'sairabold';
font-size:40px;
text-align:left;
padding-top:40px;
padding-left:100px;
padding-bottom:30px;
color: #FFF;
}
h3 {
font-family:'sairabold';
line-height:35px;
font-size:18px;
color: #FFF;
}
.servicios-contenedor{
  padding-top:40px;
  padding-bottom:60px;
  width:100%;
	margin:0 auto;
	text-align:center;
	height:450px;
}

.servicios {
position:relative;
width:100%;
margin:0 auto;
padding-top:50px;
}
#servicios ul{
	width:90%;
  text-align:left;
  font-size:17px;
  line-height:25px;
  margin:0 auto;
  color:#FFF;
  padding-left:100px;
}

#servicios li{
  display:block;
  float:left;
  width:200px;
  padding:30px 10px 10px 0;
}

.escribinos {
	display:none;
}

.escribinos li {
	display:none;
}

#contacto {
width:768px;
height:500px;
margin:0 auto;
text-align:center
}

.comprar_consultar label {
display:block;
font-size:16px;
color:#000;
width:320px
}
.comprar_consultar input[type='text'],.comprar_consultar textarea {
width:320px;

}


.datos-contacto li {
padding-bottom:20px;
padding-left:50px;
text-align:left;
font-style:italic
}
#texto-trabajos {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}
}

@media handheld,screen and (min-width:480px) and (max-width:767px) {

.logo {
max-width:100%;
float:none;
padding:10px 0 0 15px;
}

nav {
width:100%;
position:relative;
height:400px;
text-align:center;
margin: 0 auto;
}

.left-nav {
	width:100%;
position:relative;
padding: 0;
padding-bottom:18px;
padding-top:18px;
text-align:center;
margin: 0 auto;
}

.left-nav ul {
	width:100%;

}
.left-nav li {
font-size:20px;
display:block;
padding:20px 0 10px 0;
float:none;
padding-left:0px;
text-align:center;
}

#follow {
padding-top:25px;
width:200px;
position:relative;
float:none;
clear:both;
padding-right:0;
text-align:center;
margin: 0 auto;
}
.redes-sociales li {
display:inline;
padding:30px 10px 0 0;
float:none
}

#contenido {
position:relative;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:400px;
}
h1 {
font-family:'sairabold';
font-size:50px;
padding-left:50px;
padding-top:100px;
color:#FFF;
}


#descripcion-index {
width:100%;
margin:0 auto;
text-align:center;
padding:35px 15px;
margin-top:50px
}

#descripcion-index h1 {
font-size:17px;
line-height:35px;
text-align:center
}


#texto-index {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}
h6 {
font-family:'sairabold';
font-size:35px;
text-align:left;
padding-top:35px;
padding-bottom:30px;
padding-left:50px;
}
#contenido-trabajos {
width:100%;
padding:25px 0 65px;
margin:0 auto;
text-align:center;
clear:both
}
h4{
font-size:40px;
padding-top:40px;
padding-left:0;
padding-bottom:30px;
color: #FFF;
text-align:center;
margin: 0 auto;
}
h3 {
font-family:'sairabold';
line-height:35px;
font-size:18px;
color: #FFF;
}
.servicios-contenedor{
  padding-top:40px;
  padding-bottom:60px;
  width:100%;
	margin:0 auto;
	text-align:center;
	height:800px;
}

.servicios {
position:relative;
width:100%;
margin:0 auto;
text-align:center;
padding-top:50px;
}
#servicios ul{
	width:90%;
  font-size:17px;
  line-height:25px;
text-align:center;
margin: 0 auto;
  color:#FFF;
  padding-left:0;
}

#servicios li{
  display:block;
  float:none;
  width:200px;
  padding:30px 0 10px 0;
  text-align:center;
margin: 0 auto;
}

#contacto {
width:480px;
height:800px;
}

.escribinos {
	display:none;
}

.escribinos li {
	display:none;
}

.datos-contacto {
padding-top:20px;
margin-top:30px;
float:left
}

.datos-contacto-texto {
padding-top:25px;
margin-top:30px;
float:left
}

.datos-contacto-texto li {
font-size:17px
}

.comprar_consultar label {
font-size:15px
}
#texto-trabajos {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}
h6 {
	font-size:30px;
}
}

@media handheld,screen and (min-width:320px) and (max-width:479px) {
.logo {
max-width:100%;
float:none;
padding:10px 0 0 15px;
text-align:center;
margin: 0 auto;
}

nav {
width:100%;
position:relative;
height:500px;
text-align:center;
margin: 0 auto;

}

.left-nav {
	width:100%;
position:relative;
padding: 0;
padding-bottom:18px;
padding-top:18px;
text-align:center;
margin: 0 auto;

}

.left-nav ul {
	width:100%;


}
.left-nav li {
font-size:20px;
display:block;
padding:20px 0 10px 0;
float:none;
padding-left:0px;
text-align:center;
}

#follow {
padding-top:25px;
width:200px;
position:relative;
float:none;
clear:both;
padding-right:0;
text-align:center;
margin: 0 auto;
}
.redes-sociales li {
display:inline;
padding:30px 10px 0 0;
float:none;
}

#contenido {
position:relative;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:400px;
}
h1 {
font-size:45px;
padding-left:50px;
padding-top:100px;
}

#descripcion-index {
width:100%;
margin:0 auto;
text-align:center;
padding:35px 15px;
margin-top:50px;
}

#descripcion-index h1 {
font-size:17px;
line-height:35px;
text-align:center
}


#texto-index {
clear:both;
width:70%;
padding:35px 0 45px 0;
margin:0 auto;
font-size:18px;

}
h6 {
	font-size:30px;
padding-left:50px;
}
#contenido-trabajos {
width:100%;
padding:25px 0 65px;
margin:0 auto;
text-align:center;
clear:both
}
h4{
font-size:40px;
padding-top:40px;
padding-left:0;
padding-bottom:30px;
text-align:center;
margin: 0 auto;
}

h3 {
font-family:'sairabold';
line-height:35px;
font-size:18px;
color: #FFF;
}

.servicios-contenedor{
  padding-top:40px;
  padding-bottom:60px;
  width:100%;
	margin:0 auto;
	text-align:center;
	height:990px;
}

.servicios {
position:relative;
width:100%;
margin:0 auto;
padding-top:50px;
}
#servicios ul{
	width:90%;
  font-size:19px;
  line-height:25px;
text-align:center;
margin: 0 auto;
  color:#FFF;
  padding-left:0;
}

#servicios li{
  display:block;
  float:none;
  width:200px;
  padding:30px 0 10px 0;
  text-align:center;
margin: 0 auto;
}
.escribinos {
	display:none;
}

.escribinos li {
	display:none;
}

#presupuesto {
width:80%;
margin:0 auto;
text-align:center;
padding-left:40px;
}

#contacto {
width:100%;
height:800px;
margin:0 auto;
text-align:center;
}

#presupuesto ul {
width:200px;

}

#presupuesto li {
float:none;
list-style:none;
display:inline;
padding:20px 0 25px;

}


.datos-contacto {
clear:left;
margin-top:0;


}

.datos-contacto li {
padding-left:20px
}

.datos-contacto-texto {
margin-top:0;
float:left;
}

.datos-contacto-texto li {
padding-left:20px;
font-size:17px
}

.comprar_consultar label {
width:100%;
font-size:17px;

}

.comprar_consultar input[type='text'],.comprar_consultar textarea {
width:100%
}

.fotos-disenio li {
line-height:30px;
padding:10px
}

.galeria {
width:100%
}
#texto-trabajos {
clear:both;
width:70%;
padding:35px 0 15px 0;
margin:0 auto;
}
}

@media handheld,screen and (min-width:128px) and (max-width:319px) {
.logo {
max-width:100%;
float:none;
padding:10px 0 0 15px;
text-align:center;
margin: 0 auto;
}

nav {
width:100%;
position:relative;
height:400px;
text-align:center;
margin: 0 auto;

}

.left-nav {
	width:100%;
position:relative;
padding: 0;
padding-bottom:18px;
padding-top:18px;
text-align:center;
margin: 0 auto;

}

.left-nav ul {
	width:100%;

}
.left-nav li {
font-size:17px;
display:block;
padding:20px 0 10px 0;
float:none;
padding-left:0px;
text-align:center;
}

#follow {
padding-top:25px;
width:200px;
position:relative;
float:none;
clear:both;
padding-right:0;
text-align:center;
margin: 0 auto;
}
.redes-sociales li {
display:inline;
padding:30px 5px 0 0;
float:none
}
#contenido {
position:relative;
margin:0 auto;
width:100%;
background-image: url(foto-fondo-index.jpg);
height:400px;
}
h1 {
font-size:40px;
padding-left:50px;
padding-top:100px;
color:#FFF;
}
#descripcion-index {
width:70%;
margin:0 auto;
text-align:center;
padding:15px 10px;
margin-top:40px
}

#descripcion-index h1 {
font-size:17px;
line-height:30px
}

#texto-index {
clear:both;
width:80%;
padding:25px 8px 10px 0;
margin:0 auto
}
.servicios-contenedor{
  padding-top:40px;
  padding-bottom:60px;
  width:100%;
	margin:0 auto;
	text-align:center;
	height:800px;
}

.servicios {
position:relative;
width:100%;
margin:0 auto;
padding-top:20px
}

.servicios li {
width:100%;
text-align:center;
padding-bottom:30px
}
.serv {
font-size:17px;
line-height:20px;
}

.titulo-contacto {
padding-top:40px;
width:100%
}

#presupuesto ul {
width:100%
}

#contacto {
width:100%
height:800px
}

.escribinos {
width:100%
}

.escribinos li {
font-size:21px;
display:block;
padding:0;
float:none;
text-align:left;
padding:40px 0 20px 0;
width:120px
}

.datos-contacto {
margin-top:0;
float:left
}

.datos-contacto li {
padding-left:50px
}

.datos-contacto-texto {
margin-top:0
}

.datos-contacto-texto li {
padding-left:20px
}

.comprar_consultar label {
width:100%
}

.comprar_consultar input[type='text'],.comprar_consultar textarea {
width:100%
}

.fotos-disenio li {
line-height:0;
padding:0
}
#texto-trabajos {
clear:both;
width:80%;
padding:25px 8px 10px 0;
margin:0 auto
}
h6 {
	font-size:30px;
padding-left:50px;
}
}