@charset "utf-8";
/* CSS Document */

@import url("http://fonts.googleapis.com/css?family=Oswald:300,400,700");
@import url("http://fonts.googleapis.com/css?family=Raleway:300,400,600,700");
@import url("http://fonts.googleapis.com/css?family=PT+Sans:400,700");


* {
  margin: 0;
  padding: 0;
}

h1 {font-family: 'PT Sans', sans-serif; font-size:16px; color:#FFF; font-weight:400; letter-spacing:5px;}
h2 {font-family: 'Raleway', sans-serif; font-size:14px; color:#1f1813; font-weight:700;}
h3 {font-family: 'Raleway', sans-serif; font-size:17px; color:#FFF; font-weight:700;}
h4 {font-family: 'PT Sans', sans-serif; font-size:17px; color:#FFF; font-weight:400;}
h4 a {font-family: 'PT Sans', sans-serif; font-size:17px; color:#FFF; font-weight:400; text-decoration:none;}
h4 a:hover {color:#d9ec8b;}
p {font-family: 'Raleway', sans-serif; font-size:15px; color:#666; font-weight:300; line-height:18px;}
.clear {clear:both;}

#contenedor_top {width:100%; background-color:#000; position:relative; display:none;}
#contenedor_top img {width:100%;}
#contenedor_top_int {max-width:1024px; z-index:5; top:4%; color:#000; margin-left:auto; position:absolute; left:70%; font-family: 'Raleway', sans-serif; font-size:14px; line-height:20px; font-weight:400;}
#contenedor_top_int a {font-family: 'Raleway', sans-serif; font-size:14px; color:#000; font-weight:400; text-decoration:none;}
#contenedor_top_int a:hover {color:#669933;}
#contenedor_top2 {width:100%; text-align:center; display:block; font-family: 'Raleway', sans-serif; font-size:14px; line-height:20px; font-weight:400; margin-bottom:10px;}
#contenedor_top2 img {width:100%; max-width:399px;}
#contenedor_top2 a {font-family: 'Raleway', sans-serif; font-size:14px; color:#000; font-weight:400; text-decoration:none;}
#contenedor_top2 a:hover {color:#669933;}

#disenio {width:100%; background-color:#000;}
#disenio img {width:100%;}
#disenio_int {width:100%; display:none;}
#disenio_int2 {width:50%; padding-top:15px; padding-bottom:20px; text-align:center; margin-left:auto; margin-right:auto; display:block; background-color:#000;}
#textos {width:100%; background-image:url(images/fondo_textos.jpg); margin-top:10px; padding-bottom:20px;}
#textos_int {width:50%; margin-left:auto; margin-right:auto; padding-top:10px;}
#textos_cuadro {text-align:center; float:left; padding-bottom:10px;}
.textos_cuadro1 {width:96%; margin-right:2%; margin-left:2%;}
.textos_cuadro2 {width:96%; margin-right:2%; margin-left:2%;}
.textos_cuadro3 {width:96%; margin-right:2%; margin-left:2%;}
#portfolio {width:100%; background-color:#669933;}
#portfolio_int {width:50%; padding-top:15px; padding-bottom:15px; text-align:center; margin-left:auto; margin-right:auto;}
#pie {width:100%; background-color:#9bb436; margin-top:10px;}
#izq {width:50%; float:left; text-align:left;}
#cen {width:22%; float:left; text-align:center;}
#der {width:26%; float:left; text-align:right;}


@media screen and (min-width:47.5em){
p {font-size:13px;}    
.textos_cuadro1 {width:48%; margin-right:2%; margin-left:0;}
.textos_cuadro2 {width:48%; margin-right:2%; margin-left:0;}	
.textos_cuadro3 {width:48%; margin-right:2%; margin-left:0;}
h3 {letter-spacing: 15px;}
}


@media screen and (min-width:64em){
.textos_cuadro1 {width:25%; margin-right:0; margin-left:0;}
.textos_cuadro2 {width:20%; margin-right:5%; margin-left:0;}
.textos_cuadro3 {width:20%; margin-right:0; margin-left:5%;}
.cua_izq {position:relative; left:0px;}
.cua_der {position:relative; right:-10px;}	
#contenedor_top_int {top:8%;}
.izq_c {margin-left:2%;} 
.der_c {margin-right:2%;}
#disenio_int {display:block;}
#disenio_int2 {display:none;} 
#contenedor_top {display:block;}	
#contenedor_top2 {display:none;}
}