@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
*{
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
}
img, object, embed, video {
	max-width: 100%;
	float: none;
	margin-right: 1%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);@font-face {
	font-family: "ws-ctrl-boundary";
	src: url("ws-ctrl-boundary.eot");
	src: url("ws-ctrl-boundary.eot#iefix") format("embedded-opentype"),
			url("ws-ctrl-boundary.woff") format("woff"),
			url("ws-ctrl-boundary.ttf") format("truetype"),
			url("ws-ctrl-boundary.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background-repeat:repeat;
	background-attachment: fixed;
	background-image:url(../img/black_denim.png)
}
.logo{
	width: 75%;
}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}
h1{
	font-size:1.5em;
	background:#525050;
	color:#fff;
	padding:10px;
}
h2{
	font-weight: 700;
	font-size: 1.1em;
	padding: 10px;
	margin: 10px;
	color: #fff;
	text-align: center;
	background:#000;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
h3{
	font-size:2.4em;
	padding:10px;
	color:#000;
	font-weight:700;
	padding:10px;
	text-shadow:1px 1px 2px #B8B6B6
}
h4{
	font-size:2em;
	font-weight:700;
	padding:10px;
	color:#3d3c34
}
.pointer{
	color:#EC7010
}
/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
	background: #fff;
}

.wrap_cool {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 10px;
	background-image: url(../img/leather_1/leather_1/leather_1.png);
	padding-bottom: 10px;
	margin-top: 20px;
}
.icon-mail4{
	color: #8EE110
}
#header {
}
.menu {
width: 100%;
clear: both;
margin-left: 0;
}
#slider {
display: none;
}
#content {
}
#conenido_00 {
}

#parrafo_01{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	letter-spacing:1px;
	font-weight:300;
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#cabeza2{
	font-size:17px;
	color:#3D3C38;
	padding-left:10px;
	padding-right:10px;
}
#cabeza3{
	font-size:15px;
	color:#3D3C38;
	padding-left:10px;
	padding-right:10px;
	color:#1472A6;
}
#leermas{
	margin-left:10%;
	margin-top:40px;
	margin-bottom:10px;
}
#vermas{
	margin-left:10%;
	margin-top:21px;
	margin-bottom:10px;
}
#mas{
	margin-left:10%;
	margin-top:40px;
	margin-bottom:10px;
}
.caja_00 {
width: 100%;
}
.caja_01 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 10px;
}
.caja_02 {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 20px;
}
.caja_02 .recom{
	background-color: #fb6b0b;
	display: block;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.date{
	padding:10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:1em;
	font-weight:300;
	background:#0CB2DC;
	border-radius:6px;
	margin:0 10px;
	display:block;
	color:#fff;
}
.cheked-01{
	width:20px;
	height:20px;
	background:#0CB2DC;
	display:block;
	position: relative;
	bottom:-15px;
	left:120px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.caja_02 .cheked{
	width: 30px;
	height: 30px;
	background-color: #fb6b0b;
	display: block;
	position: relative;
	top: -25px;
	left: 40px;
	-webkit-transform:rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.caja_02 .testim{
	width:140px;
	position:relative;
	top:0;
	bottom:-20px;
}
#footer {
}
.footer1{
	background-color: #F2D370;
	clear: both;
	float: none;
	overflow: hidden;
}
.footer1 ul{
	width: 100%;
	float: left;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.footer1 ul li{
	list-style:none
}
.footer1 ul li a{
	padding:20px;
	float:left;
	color:#000;
	font-size:1.1em;
	font-weight:300
}
.footer1 .redes{
	width: 100%;
	float: right
}
.footer1 .redes img{
	padding:8px
}
.footer03 {
	width: 10%;
	clear: none;
}
#pie {
}
.pie_00 {
width: 100%;
}
.pie_01 {
width: 100%;
clear: both;
margin-left: 0;
}
#content_nosotros {
}
.nos_01 {
width: 100%;
}
.nos_02 {
	width: 97%;
	clear: both;
	margin-left: 0;
	margin-bottom: 10px;
}
#content_nosotros .fluid.nos_02 #IMG_00 {

}
#servicios {
}
.serv_01 {
width: 100%;
}
.serv_02 {
width: 100%;
clear: both;
margin-left: 0;
}
.client_00 {
width: 100%;
}
.client_01 {
	width: 100%;
	clear: both;
	margin-left: 0;
}
.fluid.serv_01 .fluid.client_01 #img_client {
	margin-bottom: 5px;



}
.formulario {
	margin-bottom: 10px;
	width: 100%;
}
.telefonos {
width: 100%;
}
.fonos {
}
.map {
}
.vgc_show {
}
.servi_slider {
width: 100%;
}
.servicios_slider {
width: 100%;
}
.servi_oam {
width: 100%;
display: block;
}
.oam {
display: block;
}
.face{
width: auto;
margin-left: 2%;
clear: none;
margin-top:10px;
margin-bottom:10px;
float:left;
}
.categorias{
	border-bottom:thin dashed #B3AFAF;
	padding:10px 0;
	display:block;
	color:#000;
	width:100%;
	text-align:left;
}

#menu_responsive a #spanish {
	float: left;
}
strong #cabeza3 #punto {
	float: left;
}

.ir-arriba {
	display:none;
	padding:10px;
	background:#088ADC;
	font-size:25px;
	color:#e4e4e4;
	cursor:pointer;
	position: fixed;
	bottom:5px;
	right:5px;
	opacity:1;
	z-index:2000;
}
hr{
	display:block;
	border-bottom:0;
}
.boton{
	background:#000; 
	display:inline-block; 
	font-size:17px; 
	line-height:25px; 
	color:#fff; 
	font-weight:bold; 
	font-family: 'Open Sans Condensed', sans-serif; 
	padding:9px 30px 10px 30px;
	float:right;
	margin-right:10px;
	border:2px solid #939090;
	-webkit-border-radius:3px;
	border-radius:3px;
	transition:all 300ms ease;
}
.boton:hover{
	background-color:#45C70F;
	color:#e4e4e4;
	border-color:#000;
}
.row_bot{
	overflow:hidden;
}
.fan_face{
}
.contact-00{
	width: 100%;
}
#div1{
}
.zeroMargin_mobile{
margin-left: 0;
}
.hide_mobile{
display: none;
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.logo{
	width:45%;
	overflow:hidden;
}
.gridContainer {
	width: 95%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
	background: #fff;
	border-color: #000000;
}
.wrap_cool {
	width: 100%;
	clear: none;
	padding-bottom: 10px;
}
#header {
}
.menu {
	width: 100%;
}
#slider {
	display: none;
}
#content {
}
#conenido_00 {
	margin-top: 10px;
}
#cabeza2{
	font-size:17px;
	color:#3D3C38;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
#cabeza3{
	font-size:15px;
	color:#3D3C38;
	padding-left:10px;
	padding-right:10px;
    color:#1472A6;
}
#leermas{
	margin-left:auto;
	margin-top:auto;
	margin-bottom:10px;
	align-content:center;
}
#vermas{
	margin-left:auto;
	margin-top:auto;
	margin-bottom:10px;
	align-content:center;
}
#mas{
	margin-left:auto;
	margin-top:auto;
	margin-bottom:10px;
	align-content:center;
}
.caja_00{
	width: 100%;
}
.caja_01{
	width: 100%;
	clear: none;
}
.caja_02{
	width: 100%;
	clear: none;
}
.caja_02 .recom{
	background-color: #fb6b0b;
	display: block;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.caja_02 .cheked{
	width: 30px;
	height: 30px;
	background-color: #fb6b0b;
	display: block;
	position: relative;
	top: -25px;
	left: 40px;
	transform: rotate(45deg);
}
.caja_02 .testim{
	width:130px;
	position:relative;
	top:0;
	bottom:-20px;
}
#footer{
}

.footer1{
	background-color: #F2D370;
	clear: both;
	float: none;
	overflow: hidden;
}
.footer1 ul{
	width: 100%;
	float: left;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.footer1 ul li{
	list-style:none
}
.footer1 ul li a{
	padding:20px;
	float:left;
	color:#000;
	font-size:1.1em;
	font-weight:300
}
.footer1 .redes{
	width: 100%;
	float: right
}
.footer1 .redes img{
	padding:8px
}
.a{
}
.footer03{
	width: 6%;
	clear: none;
	margin-left: 2.5641%;
	margin-top: 15px;
}
#pie{
}
.pie_00{
	width: 100%;
}
.pie_01{
	width: 100%;
	clear: none;
}
#content_nosotros{
	margin-top: 10PX;
}
.nos_01{
	width: 100%;
}
.nos_02{
	width: 49%;
	clear: none;
	margin-left: 1%;
	margin-bottom: 10px;
	margin-top: 3%;
}
#servicios{
}
.serv_01{
	width: 100%;
}
.serv_02{
	width: 34%;
	clear: none;
	margin-left: 1%;
	border: thin solid #E4E2E2;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.client_00{
	float: left;
	clear: none;
}
.client_01{
	width: 100%;
	clear: both;
	margin-left: 0;
}
.formulario{
	margin-top: 20px;
	width: 100%;
}
.telefonos{
width: 100%;
}
.fonos{
	border-bottom: thin solid rgba(0,0,0,1.00);
	border-top: thin solid rgba(0,0,0,1.00);
	margin-top: 15px;
}
.map{
}
.vgc_show{
}
.servi_slider{
width: 100%;
}
.servicios_slider{
width: 100%;
}
.servi_oam{
width: 100%;
display: block;
}
.oam{
display: block;
}
.face{
width: auto;
margin-left: 1%;
clear: none;
margin-top:10px;
margin-bottom:10px;
float:left;
}
.categorias{
	border-bottom: thin dashed #D7D6D6;
	padding: 10px 0;
	display: block;
	color: #000;
	width: 100%;
	text-align: left;

}
.ir-arriba {
	display:none;
	padding:10px;
	background:#088ADC;
	font-size:30px;
	color:#e4e4e4;
	cursor:pointer;
	position: fixed;
	bottom:15px;
	right:15px;
	opacity:1;
	z-index:2000;
}
hr{
	display:block;
}
.boton{
	background:#000; 
	display:inline-block; 
	font-size:17px; 
	line-height:25px; 
	color:#fff; 
	font-weight:bold; 
	font-family: 'Open Sans Condensed', sans-serif; 
	padding:9px 30px 10px 30px;
	float:right;
	margin-right:10px;
	border:2px solid #939090;
	-webkit-border-radius:3px;
	border-radius:3px;
	transition:all 300ms ease;
}
.boton:hover{
	background-color:#1E1D1D;
	border-color:#000;
	color:#e4e4e4;
}
.row_bot{
	overflow:hidden;
}
.contact-00{
	width: 50%;
	clear: none;
	float: left;
}
#div1{
}
.zeroMargin_tablet{
margin-left: 0;
}
.hide_tablet{
display: none;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.logo{
	width:25%;
	float:left;
	overflow:hidden;
}
.gridContainer {
	width: 95%;
	max-width: 1024px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	padding-bottom:0.75%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: none;
	float: none;
	margin-left: auto;
	transition-delay: out;
	background-color: #FFF;
}
.container-reset{
	padding:0;
	background:transparent
}
.wrap_cool {
	width: 32%;
	min-height:200px;
	margin-left: 1.6949%;
	clear: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding-bottom: 10px;
	height: auto;
	border: 1px solid #C3C3C3;
}
#header {

}
.menu {
	width: 60%;
	margin-left: 1.6949%;
	clear: none;
	margin-top: 20px;
}
#slider {
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 100%;
}
#content {
}

#conenido_00 {
	margin-top: 10px;
}
.wrap_cool_00 {
width: 66.1016%;

}
.wrap_cool_01 {
width: 32.2033%;
margin-left: 1.6949%;
clear: none;
}
.wrap_00_01 {
width: 48.7179%;
margin-left: 2.5641%;
clear: none;
}
#leermas,#vermas,#mas{
	margin-left:50%;
	margin-top:30px;
	clear:both;
}
#cabeza2{
	font-size:17px;
	color:#3D3C38;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}
#cabeza3{
	font-size: 15px;
	color: #3D3C38;
	padding-left: 10px;
	padding-right: 10px;
	color: #4C6C0D;
}
.caja_00{
width: 32.2033%;
}
.caja_01{
width: 32.2033%;
margin-left: 1.6949%;
clear: none;
}
.caja_02{
	width: 32.2033%;
	margin-left: 1.6949%;
	clear: none;
	margin-bottom: 0px;
}
.caja_02 .recom{
	background-color: #fb6b0b;
	display: block;
	border-radius:6px;
}
.caja_02 .cheked{
	width:30px;
	height:30px;
	background:#fb6b0b;
	display:block;
	position:relative;
	top:-25px;
	left:40px;
	transform:rotate(45deg);
}
.caja_02 .testim{
	width:120px;
	position:relative;
	top:-10px;
	bottom:-20px;
}
#footer{
}
.footer1{
	background-color: #F2D370;
	clear: both;
	float: none;
	overflow: hidden;
}
.footer1 ul{
	width:70%;
	float:left;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
}
.footer1 ul li{
	list-style:none
}
.footer1 ul li a{
	padding:20px;
	float:left;
	color:#000;
	font-size:1.1em;
	font-weight:300
}
.footer1 ul li a:hover{
	color:#08AEF4
}
.footer1 .redes{
	width:30%;
	float:right
}
.footer1 .redes img{
	padding:8px
}
.footer03{
width: 6.7796%;
margin-left: 1.6949%;
clear: none;
}
#pie{
	overflow:hidden;
	clear:both,
}
#pie .pie_00{
	width: 35%;
	padding:10px 0;
}
#pie .pie_00 .a1{
	font-size:.8em;
	color:#fff
}
#pie .pie_01{
	width: 63%;
	margin-left: 1.6949%;
	clear: none;
	padding:10px 0;
}
#pie .pie_01 .a1{
	font-size:.8em;
	color:#fff
}
#content_nosotros{
}
.nos_01{
	width: 50%;
	clear: none;
	float: left;
}
.nos_02{
	width: 40%;
	margin-left: 2%;
	clear: none;
	margin-top: 1%;
}
.cheked-02{
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg);
	width: 0;
	height: 0;
	position: relative;
	display: block;
	top: -135px;
	border-left: 10px solid #000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	left: -10px;
}
.date-02{
	border-left:4px  solid #000;
	border-top:none;
}
.cheked-03{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	position:relative;
	display:block;
	border-left: 10px solid #000;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	float:right;
	top:-135px;
	right:-10px
}
.date-03{
	border-right:4px solid #000;
	border-bottom:none;
}
#servicios{
	margin-top: 10px;
}
.serv_01{
	width: 100%;
	margin-bottom: 15px;
}
.serv_02{
	width: 29%;
	margin-left: 1%;
	clear: none;
	border: thin solid #E4E2E2;
	padding-left: 5px;
	margin-bottom: 10px;
	padding-right: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 12px #E5E3E3;
	box-shadow: 1px 1px 12px #E5E3E3;
	float: right;
}
.client_00{
	width: 33.3%;
	margin-top: 5px;
	float: left;
	clear: none;
    margin-left:0.75%:
}
.client_01{
	width: 48%;
	margin-left: 1.6949%;
	clear: none;
	margin-top: 5px;
}
.formulario{
	margin-bottom: 10px;
	padding-top: 10px;
	width: 100%;
}
.telefonos{
width: 32.2033%;
}

.map{
	margin-bottom: 10px;
	margin-top: 5px;
}

.servi_slider{
width: 66.1016%;
}
.servicios_slider{
width: 66.1016%;
}
.servi_oam{
	display: block;
	padding-top: 15px;
	border-top: thin dashed rgba(139,135,136,1.00);
	margin-right: 10px;
}
.oam{
display: block;
}
.face{
width: auto;
margin-left: 1.6949%;
clear: none;
margin-top:10px;
margin-bottom:10px;
float:left;
}
.categorias{
	font-family: 'Droid Serif', serif;
	font-size:17px;
	border-bottom:thin dashed #B3AFAF;
	padding:10px 0;
	display:block;
	position:relative;
	color:#000;
	width:100%;
	text-align:left;
}
.categorias:hover{
	color: #04DFF9;
	text-decoration: underline;
}
.ir-arriba {
	display:none;
	padding:10px;
	background:#088ADC;
	font-size:35px;
	color:#e4e4e4;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	opacity:1;
	z-index:2000;
}
.ir-arriba:hover{
	color:#fff;
	opacity:0.7;
}
.row_bot{
	overflow:hidden;
}
hr{
	display:block;
}
.boton{
	position:relative;
	background:#000;
	display:inline; 
	font-size:17px; 
	line-height:25px; 
	color:#fff; 
	font-weight:bold; 
	font-family: 'Source Sans Pro', sans-serif;
	padding:9px 30px 10px 30px;
	float:right;
	bottom:10px;	
}
.boton:hover{
	background-color: #45C70F;
	color:#fff;
	
}
.fan_face{
}
.contact-00{
	width: 50%;
	clear: none;
	float: left;
}
#div1{
}
.zeroMargin_desktop{
margin-left: 0;
}
.hide_desktop{
display: none;
}
}