*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0;
	padding:0;
	outline: 0;
}
img{
	border:none;
}
html,body{
	background-color:#3b6259;
	background-image: url(../motivo.png);
	background-repeat: repeat;
	color:white;
	font-family: 'Quicksand', sans-serif;
}
h2{
	font-weight:bold;
	padding-top:20px;
}
#header{
	background-color:rgba(255,255,255,0.8); /* rgbA */
	color:white;
	display:inline-block;
	max-height:70px;
	padding:8px;
	position:fixed;
	text-align: center;
	width:100%;
	z-index:9000;
}
#header2{
	background-color: rgb(57,64,73);
	color:white;
	display:inline-block;
	max-height:70px;
	padding:8px;
	position:fixed;
	text-align: center;
	width:100%;
	z-index:9000;
}
#header_A{
	float:left;
	text-align:left;
	width:49%;
}
#header_B{
	color:black;
	float:right;
	padding:10px;
	text-align:right;
	width:49%;
}
#logotipo{
	background-color: rgb(57,64,73);
	display:inline-block;
	text-align:center;
	width:100%;
}
#logotipo2{
	margin:0 auto;
	text-align:center;
	width:100%; max-width:400px;
}
#contacto{
	display:inline-block;
	text-align:center;
	width:100%;
}
#contacto2{
	display:inline-block;
	font-size:15px;
	
	padding:18px;
	text-align:center;
	width:100%;
}
#fullcol{
	display:inline-block;
	text-align:left;
	width:100%;
}
#halfcol{
	float:left;
	width:49%;
}
#fullcolcenter{
	display:flex;
	padding:8px;
	text-align:center;
	width:100%;
}
#fivecol{
	padding:5%;
	width:20%;
}
#fullcol100{
	display:flex;
	text-align:left;
	width:100%;
}
#col66{
	padding:8px;
	width:60%;
}
#col33{
	padding:8px;
	width:33%;
}
#facebook{
	background-image: url(../icon-facebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float:right;
	margin-right:12px;
	height:30px;
	width:30px;
}
#instagram{
	background-image: url(../icon-instagram.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float:right;
	margin-right:12px;
	height:30px;
	width:30px;
}
#twitter{
	background-image: url(../icon-twitter.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float:right;
	margin-right:12px;
	height:30px;
	width:30px;
}
#video{
	display:inline-block;
	text-align:center;
	width:100%;
}
#video2{
	display:inline-block;
	font-size:15px;
	margin-top:60px;
	padding:18px;
	text-align:center;
	width:80%;
}
#cntct{
	display:inline-block;
	margin-top:90px;
	text-align:center;
	width:100%;
}
#cntct2{
	display:inline-block;
	font-size:15px;
	text-align: center;
	max-width:362px;
	width:100%;
}
#clientes{
	display:inline-block;
	margin-top:30px;
	text-align:center;
	width:100%;
}
#clientes2{
	display:inline-block;
	
	text-align:justify;
	width:80%;
}
#cliente{
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	display:inline-block;
	margin:30px;
	text-align:center;
	width:100%; max-width:150px;
}
#proyectos{
	display:inline-block;
	text-align:center;
	width:100%;
}
#proyectos2{
	display:inline-block;
	
	text-align:justify;
	width:75%;
}
#proyecto{
	display:inline-block;
	padding-right:20px;
	text-align:center;
	width:100%; max-width:300px;
}
#txt_direccion{
	display:inline-block;
	margin-top:80px;
	margin-bottom:40px;
	text-align:center;
	width:100%;
}
#txt_direccion2{
	display:inline-block;
	
	text-align:justify;
	width:75%;
}
#txt_direccion2A{
	display:inline-block;
	float: left;
	text-align:left;
	width:50%;
}
#txt_direccion2B{
	display:inline-block;
	float:right;
	text-align:right;
	width:49%;
}
#miniatura{
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	text-align:center;
	width:100%;;
	}
#miniatura:hover{
	border:solid 2px black;
}
#titulo{
	height:100px;
	font-size: 15px;
	text-align:center;
	width: 100%;
}
.txt_titulo_chico{
	font-size: 12px;
}
#nosotros{
	display:inline-block;
	text-align:center;
	width:100%;
}
#nosotros2{
	display:inline-block;
	font-size:15px;
	margin-top:40px;
	
	text-align:justify;
	width:75%;
}
#servicios{
	display:inline-block;
	text-align:center;
	width:100%;
}
#servicios2{
	display:inline-block;
	margin-top:120px;
	text-align:justify;
	width:75%;
}
#servicios2A{
	float:left;
	width:50%;
}
#servicios2B{
	display: inline-block;
	float:right;
	text-align:right;
	width:49%;
}
#servicios2Bmoviles{
	display:none;
}
#footer{
	display:inline-block;
	padding:18px;
	text-align:center;
	width:100%;
}
#espacio_moviles{
	display:none;
}
.txt_corrido{
	font-size: 16px;
	text-align: justify;
}
#flecha-next{
	background-color:black;
	background-image:url(../f-next.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	height:40px;
	position:fixed;
	right:0px;
	top:45%;
	width:40px;
}
#flecha-back{
	background-color:black;
	background-image:url(../f-back.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	height:40px;
	position:fixed;
	left:0px;
	top:45%;
	width:40px;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}
@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}
.carousel-inner .item > img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
A.txt_blanco:link { color:white; text-decoration:none; } 
A.txt_blanco:visited { color:white; text-decoration:none; } 
A.txt_blanco:active { color:white; text-decoration:none; } 
A.txt_blanco:hover { color:white; text-decoration:none; font-weight:bold; }

A.orange:link { color:rgb(255,128,0); text-decoration:none; } 
A.orange:visited { color:rgb(255,128,0); text-decoration:none; } 
A.orange:active { color:rgb(255,128,0); text-decoration:none; } 
A.orange:hover { color:#930; text-decoration:underline; } 

A.txt_menu:link { color:black; text-decoration:none; padding:6px; } 
A.txt_menu:visited { color:white; text-decoration:none; padding:6px; } 
A.txt_menu:active { color:black; text-decoration:none; padding:6px; } 
A.txt_menu:hover { color:black; text-decoration:underline; padding:6px; } 

A.txt_menu2:link { color:gray; text-decoration:none; padding:6px; } 
A.txt_menu2:visited { color:gray; text-decoration:none; padding:6px; } 
A.txt_menu2:active { color:gray; text-decoration:none; padding:6px; } 
A.txt_menu2:hover { color:black; text-decoration:underline; padding:6px; }

A.txt_rojo:link { color:red; text-decoration:none; padding:6px; } 
A.txt_rojo:visited { color:red; text-decoration:none; padding:6px; } 
A.txt_rojo:active { color:red; text-decoration:none; padding:6px; } 
A.txt_rojo:hover { color:red; text-decoration:underline; padding:6px; }

A.txt_cel:link { color:white; text-decoration:none; font-size:19px; padding:6px; } 
A.txt_cel:visited { color:white; text-decoration:none; font-size:19px; padding:6px; } 
A.txt_cel:active { color:white; text-decoration:none; font-size:19px; padding:6px; } 
A.txt_cel:hover { color:white; text-decoration:underline; font-size:19px; padding:6px; } 

A.txt_cel2:link { color:white; text-decoration:none; font-size:16px; padding:6px; } 
A.txt_cel2:visited { color:white; text-decoration:none; font-size:16px; padding:6px; } 
A.txt_cel2:active { color:white; text-decoration:none; font-size:16px; padding:6px; } 
A.txt_cel2:hover { color:white; text-decoration:underline; font-size:16px; padding:6px; } 



/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/
/*****

¨¨¨¨/

****/



/*LONGEST DISPLAYS*/
@media only screen and (min-width:1401px) and (max-width:3000px){
}
/*IPAD HORIZONTAL*/
@media only screen and (min-width:1280px) and (max-width:1400px){
}
@media only screen and (min-width:800px) and (max-width:1280px){
}
/*IPAD VERTICAL*/
@media only screen and (min-width:600px) and (max-width:800px){
#header{
/*background-color: rgb(57,64,73);*/
}
#header_B{
	display:none;
}
#espacio_moviles{
	display:inline-block;
	height:60px;
}
#logotipo2{
	width:100%; max-width:290px;
}
#canyada2{
	font-size:15px;
	
	padding:10px;
	width:95%;
}
}
/*IPHONE HORIZONTAL*/
@media only screen and (min-width:400px) and (max-width:600px){
#header{
/*background-color: rgba(58, 65, 74, 1);*/
}
#header_B{
	display:none;
}
#espacio_moviles{
	display:inline-block;
	height:60px;
}
#logotipo2{
	width:100%; max-width:290px;
}
#canyada2{
	font-size:15px;
	
	padding:10px;
	width:95%;
}
}
/*IPHONE VERTICAL*/
@media only screen and (min-width:10px) and (max-width:400px){
#header{
/*background-color: rgb(57,64,73);*/
}
#header_B{
	display:none;
}
#espacio_moviles{
	display:inline-block;
	height:60px;
}
#logotipo2{
	width:100%; max-width:290px;
}
#canyada2{
	font-size:15px;
	
	padding:10px;
	width:95%;
}
#myCarousel{
	/*
	display:none;
	*/
}
.txt_corrido{
	text-align:left;
}
#servicios2A{
	width:100%;
}
#servicios2B{
	display: none;
}
#servicios2Bmoviles{
	display: inline-block;
	float:left;
	text-align:left;
	width:49%;
}
#cntct2{
	max-width:250px;
}
#txt_direccion2A{
	width:100%;
}
#txt_direccion2B{
	width:100%;
}
}