@charset "utf-8";

/* CSS Document */

img{border:0px;}


#content { /*estilo contenido index */
	width:90%; /*1220px;*/
	height:auto;	
	margin:auto;
	background-color: #fff;
}
#content-galeria { /*estilo contenido index */
	width:90%; /*1220px;*/
	height:auto;	
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;
	background-color: #fff; text-align:center;
}

#content_footer { /*seccion amarilla */
	width:100%; /*1220px;*/
	height:auto;	
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#009aff;
	text-align:center;
}

footer {width:100%; height:auto; margin:auto; font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 16px; color: #fff;text-align:center; background-image:url(../IMAGES/fondo_footer.jpg);}
#footer_copyright { width:auto; height:50px; margin:auto; background-color:#000; font-family:'Open Sans', sans-serif; font-weight: 400; font-size: 10px; color:#fff; text-align:center; }


/* ---------- columnas en pagina inicial -------------*/

.boxcolx4 {
	color:#FFFFFF;
	display: inline-block;
	width:20%;
	height: auto;
	padding: 0px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px;
	text-transform: none;
	text-align: justify;
	vertical-align:top;	
}
.boxcolx4 a{color:#FFF; text-decoration:none;}
.boxcolx4 a:hover {color:#FFF; text-decoration:underline;}
.boxcol {
	display: inline-block;
	width: 90%;
	height: auto; padding-left:20px; padding-right:20px;
	background-color: #FFF;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height:1.7em;
	text-transform: none;
	text-align: justify;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;	
}
.boxcol a{color:#f47b20; text-decoration:none;}
.boxcol a:hover {color:#f47b20; text-decoration:underline;}
.boxcol-rsociales {
	display: inline-block;
	width: 98%;
	height: auto;
	padding-top:20px;
	text-align: center;
	vertical-align:top;	
}
.boxcol_texto-dosfotos {
	display: inline-block;
	width:30%;
	height: auto;
	background-color: #FFF;
	padding-left:20px; padding-right:20px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px;
	text-transform: none; text-align:left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;	
}
.boxcol_dosfotos {
	display: inline-block;
	width:40%;
	height: auto;
	background-color: #FFF;
	padding: 20px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px;
	text-transform: none; text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;	
}
.boxcol-a {
	display: inline-block;
	width: 62%;
	height: auto;
	/*margin: 1em;16px*/
	background-color: #fff;
	padding-left:20px; padding-right:0px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height:1.7em;
	text-transform: none;
	text-align: justify;
	vertical-align:top;	
}
.boxcol-b {
	display: inline-block;
	width: 35%;
	height: auto;
	/*margin: 1em;16px*/
	background-color: #fff;
	padding-left:0px; padding-right:0px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height:1.7em;
	text-transform: none;
	text-align: right;
	vertical-align:top;	
}
.boxcol-c {
	display: inline-block;
	width: 62%;
	height: auto;
	/*margin: 1em;16px*/
	background-color: #fff;
	padding-left:20px; padding-right:0px; padding-top:110px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height:1.7em;
	text-transform: none;
	text-align: justify;
	vertical-align:top;	
}
.boxcontent {
	display: inline-block;
	width: 90%;
	height: auto;
	/*margin: 1em;16px*/
	background-color: #fff;
	padding: 20px;
	color: #2e2e2e;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; line-height:1.7em;
	text-transform: none;
	text-align: justify;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align:top;	
}
.boxfooter{
	display: inline-block;
	width:98%;
	height: auto; padding-left:20px;
	font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px;
	text-transform: none;
	text-align: left;
	vertical-align:top;	
}
.imgfooter {
	display: inline-block;
	width: 65px;
	height: 50px;
	margin: 16px;/*4em*/
	padding: 0px;
	text-align: center;
	vertical-align:top;
}
.video_responsive { height:100%; width:100%; min-height:315px; max-width:560px;}
/*-----CONTACTENOS-----*/

#contact-form input, #contact-form textarea{background:rgba(255,255,255,0.7); border:0; font-size:16px; color:#141414;font-family:'Open Sans', sans-serif; padding:5px 8px; resize:none}
#contact-form input{width:260px; height:12px; border-width:1px; border-color:#141414; border-style:solid;}
#contact-form textarea{width:260px; height:73px; border-width:1px; border-color:#141414; border-style:solid;}
#contact-form #btnSubmit{width:auto; height:31px; background-color: #00000d; color:#fff; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:400;padding:0 20px 0 20px; border:0; text-transform:none; cursor:pointer}
#contact-form #btnReset{width:auto; height:31px; background-color: #00000d; color:#fff; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:400; padding:0 20px 0 20px; border:0; text-transform:none; cursor:pointer}

/*-----TITULOS----*/

.title_001 {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 28px;	text-transform: none;color:#ff5000;}
.title_002 {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 22px;	text-transform: none;color:#ff5000;}
.title_003 {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; text-transform: none; color:#ff5000;}

.texto-blanco {	color:#fff;	}
.texto-blanco_nounderline {	color:#fff; text-decoration:none;}
.title_004 {
	color:#666;	
	font-size:15px;
	font-family:'Open Sans', sans-serif; font-weight: 300;
}
.texto-en-bold { font-weight: bolder;}

/*-----IMAGENES RESPONSIVE-----*/

.img_logo {width:90%; height:90%; max-height:115px; max-width:800px; }

.img_borde {border: solid; border-color: #f0f0f0; border-width:3px; -webkit-border-radius: 10px;-moz-border-radius: 10px;	border-radius: 10px;
  box-shadow: 1px 1px 2px #666666;  -webkit-box-shadow: 1px 1px 2px #666666;  -moz-box-shadow: 1px 1px 2px #666666; margin:auto;}

.img_content_borde {border: solid; border-color: #fff; border-width:3px; -webkit-border-radius: 10px;-moz-border-radius: 10px;	border-radius: 10px;
  box-shadow: 1px 1px 2px #666666;  -webkit-box-shadow: 1px 1px 2px #666666;  -moz-box-shadow: 1px 1px 2px #666666; width:100%; height:100% }

.img_content {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;	border-radius: 0px; width:100%; height:100%}
.img_content_sombra {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;	border-radius: 0px; box-shadow: 1px 1px 2px #666666;  -webkit-box-shadow: 1px 1px 2px #666666;  -moz-box-shadow: 1px 1px 2px #666666; width:100%; height:100%}
.img_content_top {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 8px;-moz-border-radius: 8px;	border-radius: 8px; width:98%; height:98% }
.img_content_habit {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;	border-radius: 0px; box-shadow: 1px 1px 2px #666666;  -webkit-box-shadow: 1px 1px 2px #666666;  -moz-box-shadow: 1px 1px 2px #666666; width:90%; height:90% }

.img_01 {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 10px;-moz-border-radius: 10px;	border-radius: 10px;
  box-shadow: 1px 1px 2px #666666;  -webkit-box-shadow: 1px 1px 2px #666666;  -moz-box-shadow: 1px 1px 2px #666666; width:100%; height:100% }

.img_02 {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;
float:right; margin:10px;}

.img_03 {border: solid; border-color: #fff; border-width:0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;	border-radius: 0px;
width:100%; height:100%; }

.img_04 {float: left; margin:30px;}

.img_05 {float: left; margin:5px;}

/*-----CONTACTENOS-----*/

.box_contactenos { 
	width:72%; /*950px;*/
	height:auto;
	color: #000;
	background-color:#FFF;
	background-image:url(../images/sawa-contactenos.jpg); background-repeat:no-repeat;
	margin:auto;
	padding-top:15px; padding-bottom:15px; padding-left:30px; padding-right:30px;
	-webkit-border-radius:  10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:justify;
	font-family:'Open Sans', sans-serif; 	
	font-size:14px;
	font-weight: 900;
}

.box_fotocontactenos { 
	width:400px;
	height:386px;
	-webkit-border-radius:  15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-image: url(../images/contactenos.jpg);
}

/* ---------------------- SOCIAL LINKS --------------------------*/
#facebook a {
  width: 40px;
  height: 40px;
  background-image:url(../IMAGES/sn-facebook.png);	
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;  
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
#facebook a:hover {
	background-image:url(../IMAGES/sn-facebook_active.png);
}

#twitter a {
  width: 40px;
  height: 40px;
  background-image: url(../IMAGES/sn-twitter.png);	
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;  
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

#twitter a:hover {
	background-image: url(../IMAGES/sn-twitter_active.png);
}

#linkedin a {
  width: 40px;
  height: 40px;
  background-image: url(../IMAGES/sn-linkedin.png);	
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;  
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
#linkedin a:hover {
	background-image: url(../IMAGES/sn-linkedin_active.png);
}

/*======================= SCROLL TO TOP =======================*/

#back-top {
  position: fixed;
  bottom: 90px;
  right: 20px;
  z-index: 99;
}

#back-top a {
  width: 34px;
  height: 34px;
  background: url(../images/up-arrow.png) 50% 50% no-repeat #CCC;
  display: block;
  text-align: center;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 1000px;
  /* transition */
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}

#back-top a:hover {
  background-color: #222;
}
/*---------------RESPONSIVE EN CONTENEDORES/COLUMNAS -----------------*/
@media (max-width:768px) {
#content { /*estilo contenido index */	width:100%; }
#content-galeria { /*estilo contenido index */ width:100%; }
#content_footer { /*seccion amarilla */	width:100%; }
footer {width:100%;}

	.boxcol-a { width:auto;padding-left:10px;padding-right:15px;}
	.boxcol-b { width:90%;}
	.boxcol-c { width:auto;padding-left:10px;padding-right:15px;padding-top:0px;}
	.boxcolx4 { width:90%;}
	.boxcol {width: auto;}
.boxcol_texto-dosfotos {width: 90%;	padding-left:2px; padding-right:2px;}
.boxcol_dosfotos {width: auto;}
	h3 {font-size: 19px;}
}