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

Hoja de estilos: JSuarez Web Develoment
Estilos creados por: Junior Suarez

****************************/
/*** Body ***/

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300);
@import url(mobilemenu.css);
/* Estilos 
@import url(normalize.css);

@import url(jquery.bxslider.css);
*/

@font-face {
    font-family:fuente;
    src: url(BAUHS93.TTF);
}

/************************************ NORMALIZE ****************************************/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}



/****************************************************************************/




/*********************************** CSS STYLES *******************************/

/* tablet, landscape */

.barras hr { color:red;}

*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

body { 
	margin:0; 
	padding:0; 
	/*background:#f2f2f2;*/
	background:url(../img/fondo-new.png) repeat-y center #f2f2f2;
	/*font-family: 'News Cycle', sans-serif;*/
	font-family: 'Ubuntu', sans-serif;
	color:#808080;
	/*color: #434343;*/
	background-attachment:fixed;
	
	font-weight:100;
	font-size: 18px;
	
}



h1, h2, h3 {
	text-align:center; 
	color:#595959;
}

.title {
	font-size:40px;
	color: #0088aa;
}

.title-b {
	color: #fff;
	background:#0088aa;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0px 3px 4px rgba(50,50,50,0.3); 
}

.t-sub {
	color: #fff;
	background:#085f75;
	border-radius: 6px;
	padding: 10px;
	box-shadow: 0px 3px 4px rgba(50,50,50,0.3); 

}

p {
	text-align:justify;
}


/***** Contenedor ***/
#shell { 
	width:100%;
	margin:0;

	

}

/**** Lipiar Float ****/

.clear { 
	clear:both; 
}


/*** Header ***/
#header { 
	/*background: -moz-linear-gradient( #ffffff, #f1f2f3);*/
	box-shadow:0 3px 4px rgba(50,50,50,0.2);
	background:#ffffff;
	margin:0 auto;
	
	


}

/*** Logo *****/
#logo { 
	width:100%;
	margin:auto;
	text-align:center;
	padding-top: 10px;
	
	
}

#logo img {
	
	width:30%;
}





#wmovil img {
	display: none;
	max-width: 580px;
	width: 100%;
}

/***** Navegacion ******/

.rmm.graphite  {
	display:none;
}

#nav-mp {
	width: 100%;
	/*width:900px;*/
	margin:auto;
	border-bottom:solid #00aad4 5px;

}

#nav ul { 
	
	padding-bottom: 10px;
	text-align: center;
	/*padding-left: 150px;*/
	
}

#nav ul li { 
	display:inline-block; 
	padding:30px;
	list-style:none; 
}

#nav a { 
	display: block;
	border-radius:6px;
	color:#0088aa;
	/*padding: 0.5em 1em 0.5em 1em;*/
	font-size:16px;
	padding:15px;
	text-decoration:none;
	transition:ease-in-out 0.20s;
	/*font-weight: bold;*/
	/*text-shadow:2px 2px 2px rgba(51,51,51,0.5);*/
	/*
	box-shadow: 0 2px 2px rgba(51,51,51,0.5);
	text-shadow:2px 2px 2px rgba(51,51,51,0.5);

	border-bottom: solid 1px #fff;*/
}

a:visited { color:#0088aa;}

#nav a:hover { 
	color: #fff;
	background:#0088aa;
	box-shadow: 0 2px 2px rgba(51,51,51,0.1);
}

#nav .current a {
	background:#00aad4;
	color:#fff;
	

}

#nav .current a:hover {
	background:#0088aa;
	color:#fff;
	
}

.menu-fijo {
	position: fixed;
	top: 0;
	margin-top: 0;
	width:100%;
	height:95px;
	background: #fff;
	/*background:rgba(250,250,250,0.9); */
	box-shadow: 0px 3px 4px rgba(50,50,50,0.3); 
}

.menu-fijo .buscador {
	display: none;
}


.menu-fijo:before {
	content:url(../img/logo-mini.png);
	
}
/**** Contenido **********/

.intro {

	width: 100%;
	margin: 0 auto;
}

#center { 
	box-shadow: 0px 2px 2px rgba(50,50,50,0.1); 
	padding:50px;
	margin:10px auto; 
	background:#FFF;
	width: 80%;
	
}

#center2 {

	background: #fff;
}

.box {
	background: #fff;
	padding:40px;
	margin:20px auto; 
	background:#FFF;
	width: 80%;
	border-radius: 5px;
	box-shadow: 0px 2px 2px rgba(50,50,50,0.1);
	
}

.box2 {
	padding:10px;
	margin:10px 0; 
	
	
}

.box-s img { 
	/*float:left; */
	padding-left:10px;
	width:100%;

}

.box-s p  { 
	/*margin-left:300px; */
	text-align:justify;
}

.box-s {
	margin-left:;
	padding:20px;
	
	width:32.8%;
	float: left;
	
	/*box-shadow: 0px 3px 4px rgba(50,50,50,0.2); */
}

.box-s+.box-s {
	border-left: rgba(200,200,200,0.3) 1px solid;
	/*box-shadow: 0px 3px 4px rgba(50,50,50,0.2); */
}

.blue {
	background: #00aad4;
	color:#fff;
}

#diseno-grafico h3 {
	text-align: left;
}

/*
@keyframes bg{

	0%{ background: #2296df; }
	50%{ background: #fff;}
	100% {background: #2296df; }
}

-webkit-@keyframes bg{

	0%{ background: #2296df; }
	50%{ background: #fff;}
	100% {background: #2296df; }
}

*/

/* ----------------- ULTIMOS CLIENTES ----------------- */

.slider-wrapper {
	background:#06495b;
	height:450px;
	padding: 10px;

}

.gd-cliente-lp h4 {
		color:#0088aa;
	}


	.gd-cliente-lp { 
			text-align: center;
			float: left;
			width:30%;
			height: 150px;
			margin-left: 10px;
			
		 }

	

	.gd-cliente-lp img { 
		box-shadow:0 3px 4px rgba(51,51,51,0.7);
		transition: ease-in-out 1.5s;
		-webkit-transition: ease-in-out 1.5s;
		width:60%;
		height: 250px;
		
	 }
	
	 .gd-cliente-lp img:hover { 
		box-shadow:0 3px 4px rgba(51,51,51,0.4);
		transform: scale(1.1);
		
		-webkit-transform: scale(1.2);
	 }


/* -------------- LANDING ----------------- */

.slide {
	/*background: url(../img/01.jpg);
	background-attachment: fixed;*/
	background: #00aad4;
	padding:15px 15px 20px;
	margin:0 auto; 
	width: 100%;
	box-shadow: 0px 3px 4px rgba(50,50,50,0.2); 
	width: 80%;
	
}

.slide div {
	text-align: center;
	margin-top:50px;
}

.slide h1, .slide h2 {
	color: #fff;

}

.slide img {
	
	margin: 0 auto;
}


.item { 
	float: left;
	list-style: none;
	display: inline-block;
}

.botones a:link {
	background:#00aad4;
	color:#fff;
	padding: 15px;
	border-radius:6px;
	transition:ease-in-out 0.20s;
	text-decoration: none;
	
}

.botones a:hover {
	background:#0088aa;
	color:#fff;
	box-shadow: 0px 3px 4px rgba(50,50,50,0.3); 
}
	padding-left:20px;
}

#error { 
width:200px;
margin:0 auto;

}

.mapa a:link, a:visited { 
	color:#085f75;
	font-size: 20px;

}


#center p {

	text-align:justify;
}

.azul { 
	color:#434343; font-weight:bold;  
}


.slide-botones ul li {
	font-size: 22px;
	list-style: none;
	display: inline-block;
}

.slide-botones a:link {
	background:#0088aa;
	color:#fff;
	padding: 25px;
	border-radius:6px;
	transition:ease-in-out 0.20s;
	text-decoration: none;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.6); 
	
}

.slide-botones a:visited {
	color:#fff;}

.slide-botones a:hover {
	background:#0088aa;
	color:#fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.6); 
	
}



.botones ul li {
	list-style: none;
	display: inline-block;
}

.botones a {
	background:#00aad4;
	color:#fff;
	padding: 15px;
	border-radius:6px;
	transition:ease-in-out 0.20s;
	text-decoration: none;
	
}

.botones a:hover {
	background:#0088aa;
	color:#fff;
	box-shadow: 0px 3px 4px rgba(50,50,50,0.3); 
}

.botones-center ul {
	text-align: center;
	margin: 0 auto;
}

.botones2 ul {

	margin-left:-40px;
}

.botones2 a {
	
	padding:6px;
	transition:ease-in-out 0.20s;
}

.cbotones {

	margin:0 0 0 -25px;
}

.cbotones ul li {
	list-style: none;
	display: inline-block;

}





/**** Footer ****/

#footer a:link {
	color:#fff;
}

#footer h4 {
	/*background:#0088aa;*/
	color:#fff;
	padding:10px;
	border-radius:6px;
}

#footer { 
	border-top:#00aad4 solid 5px;
	background:#0088aa;
	/*background:#06495b;*/
	font-size:18px;
	/*box-shadow:0 3px 4px rgba(51,51,51,0.5);*/
	padding:40px;
	margin:20px auto 0;
	text-align: center;

}



.f-nav { 
	display:inline-block;
	padding-left:80px;
	text-align: left;
 }

.f-nav ul { 
	list-style:none;
	padding:0;
	font-size:16px;
}

.f-nav ul li { 
	margin-top:15px; 
}

.f-nav a { 
	padding: 5px;
	text-decoration:none; 
	color:#fff;
	border-radius: 10px;
	transition:ease-in-out 0.20s;
}

.f-nav a:hover { 
	background:#0088aa;
	color:#fff;
	border-radius:6px;
}

/************ Blog *****************/

#blog-a {
	border-radius: 6px;
	background: #013543;
	width: 60%;
	margin:0 auto;
	padding: 10px;

}

#blog-a h4 {
	background: none;
	
}

#blog-a ul {

text-align: center;
	
}



#blog-a a {
	text-decoration: none;
	color:#0088aa;	
}

#blog-a a:hover {
	text-decoration: underline;
	color:#ccc;	
}

.siguenos {
	color:#fff; 
	text-align:left;
}

/**********Copy***************/

#copy p { 
	
	color:#fff; 
	font-size:12px; 
	text-align:center; 
	margin:20px auto 0;
}

#co {
	display:none;
  }

/***************** Servicios ******************/


.sample { 
	text-align: center;
	margin: auto;
	width: 100%;
}

.sample img {

	width: 20%;
}


.t-movil { 
	color:#023890;
	text-align: center;
	font-size: 16px;
  }


.s-list { 
	list-style:none;
 }
 
 .box_skitter_normal {
 	width:90%;
 	text-align:center; 
 	margin: 0 auto;
 }
 


.fotos-s , .videos-s , .audio-s { 
	color:#023890;
	text-decoration:underline; 
	cursor:pointer;
}

.fotos-demo , .videos-demo, .audio-demo { 
	display:none; 
}

.serv img { 
	float:left; 
	padding-left:10px;
}

.serv p  { 
	margin-left:300px; 
	text-align:justify;
}

.serv { 
	margin-top:50px; 
}

.ver-h { 
	color:#023890;
	cursor:pointer; 
 }

video {
	width:700px;
 }

#tabs { 
 }


#tabs-s ul li {
	display:inline-block;
	padding-left:20px;
	list-style:none;
}

#tabs-s a {
	background:#434343;
	color:#fff;
	padding:10px;
	text-shadow:2px 2px 2px rgba(51,51,51,0.2);
	text-decoration:none;
	font-size:16px;
	-webkit-transition: ease-in-out 0.20s;
	-moz-transition: ease-in-out 0.20s;
	border-radius:6px;
}

#tabs-s a:hover {
	color: #fff;
	background:#2296df;
}
	
.t-hosting {
 	display:none; 
 }

 .t-hosting img {
	 box-shadow: 0px 4px 3px #ccc; 
	 border-radius:10px;
	 margin-left:60px;
 }

#hosting #multimedia #diseno-web img {
	width: 100%;
	max-width: 250px;
}




/*************** Portafolio ********************/

.pastoral {

	display: none;
}


	.gd-cliente h4 {
		color:#0088aa;
	}


	.gd-cliente { 
			text-align: center;
			float: left;
			width:30%;
			height: auto;
			margin-left: 10px;
			
		 }

	.gd-cliente { 

		margin-left:20px;
	 }


	.gd-cliente img { 
		box-shadow:0 3px 4px rgba(51,51,51,0.7);
		transition: ease-in-out 1.5s;
		-webkit-transition: ease-in-out 1.5s;
		width:100%;
		
	 }


#ss {
  position: fixed;
  right: 0;
  bottom: 0;

}

#ss img {
  width: 40px;
}

.espacio {
height: 50px;
}


.cliente {
  width: 48.99%;
  float: left;
  margin:15px 0;
}

.cimg  {
  width: 48%;
  float: left;
}

.cimg img {
  width: 100%;
  border:4px solid #DFDFDF;
  border-radius: 10px;
}

.des {
  width: 48%;
  float: left;
  margin-left: 10px;
}

.des h1 {
  text-align: left;
  font-size: 28px;
  
}

.separador {
  height: 3px;
  width: 100%;
  background: #E8E8E8;
  clear: both;
  border-radius: 500px;

}

	/*
	 .gd-cliente img:hover { 
		box-shadow:0 3px 4px rgba(51,51,51,0.4);
		transform: scale(1.1);
		position: static;
		-webkit-transform: scale(1.2);
	 }
 */
/***** WEB DESIGN ****/

	.wd-cliente a, a:link {

		color:#0088aa;
	}

 	.wd-cliente h4 {
		color:#0088aa;
	}


	.wd-cliente { 
			text-align: center;
			float: left;
			width:30%;
			height: auto;
			margin-left: 10px;
			
		 }
/*
	.gd-cliente { 

		margin-left:15px;
	 }
*/

	.wd-cliente img { 
		box-shadow:0 3px 4px rgba(51,51,51,0.7);
		transition: ease-in-out 1.5s;
		-webkit-transition: ease-in-out 1.5s;
		width:100%;
		
		
	 }
	/*
	 .wd-cliente img:hover { 
		box-shadow:0 3px 4px rgba(51,51,51,0.4);
		transform: scale(1.1);
		
		-webkit-transform: scale(1.2);
	 }

	*/
	
/************ Contacto ***************/

.cont { 
	font-size:18px; 
}

.contactanos {

	
}

.contactanos p { 
	color:#0088aa; 
	text-align: center;
}

p.cita {

	font-size:14px; 
	color:#666;
	font-style: italic;
}

p.cita2 {

	font-size:16px; 
	color:#666;
	font-style: italic;
}


/* FORMULARIO */

input,textarea {
	border: none;
	padding: 10px;
	width: 100%;
	margin-top: 5px;
}

input, textarea {
	border-bottom: 2px #00aad4 solid;
	border-left:2px #00aad4 solid;
}

select {
	border:2px #00aad4 solid;
	height: 40px;
	width: 100%;
	background: none;
}




#sociales {
	width: 250px;
	margin: 10px auto; 
	display:inline-block;
	padding-left:80px;
}

/* Contador */

#contador { 
	text-align: center;}

button { 
	
	padding: 10px;
	background: #0088aa;
	color: #fff;
	border-radius: 10px;
	border: 0;
	cursor: pointer;
	margin-top: 10px;
	}
/* Cotizacion Online */

 table {
	width: 80%;
	border: 1px solid #c0c0c0;
	margin: 0 auto;
}

td {
	padding:10px;
}

tr.row-gris {
	background: #ccc;
}

tr.row-gris-claro {
	background:#f2f2f2;
}

/********************************* MOVIL ***********************************/


/*********************************** Tablet ****************************************/

@media (max-width: 925px) and (min-width:581px) {



body {
font-size:14px;
		}
		
#logo img {
 margin:0 auto;
 width:45%;
	
	}
		
.slideshow {
display:none;
}

.slideshow-m {
display:block;
margin:10px auto;
}

.rmm.graphite  {
display:block; 
padding-bottom:15px;
}

#nav  { 
display:none; 
}
		
#mininav { 
display:block;
}

#footer ul li {
font-size:10px;
}

#footer h4 {
font-size:12px;
}

/*************** Navegacion *************/
		
#mininav  { width:100%;
display:inline-block; 
text-align:center;


}

#mininav ul { 

list-style:none;

}

#mininav ul li { 
margin-top:10px; 
display:inline-block;}

#mininav a { 
background:#1962da;
color:#fff;
padding:10px;
background:#1962da;
color:#fff;
box-shadow: 0 2px 2px rgba(51,51,51,0.5);
text-shadow:2px 2px 2px rgba(51,51,51,0.5);
text-decoration:none;
font-size:14px;
transition:ease-in-out 0.55s;
/*border-radius:100px 100px 100px 20px;*/
border-radius:20px;
border-bottom: solid 1px #fff;
}

#mininav a:hover { 
box-shadow:0 2px 2px rgba(51,51,51,0); 
background:#1993d6; 
text-shadow:2px 2px 2px rgba(51,51,51,0.1);
}

#mininav .current a { 
box-shadow:0 2px 2px rgba(51,51,51,0); 
background:#1993d6; 
text-shadow:2px 2px 2px rgba(51,51,51,0.1);
}

/************* Center ****************/

#center { margin:10px auto; }
/*
#bienvenido { 
display: block; 
text-align:center;
color:#1993d6; 
text-decoration:underline;  }
*/

.bloque {
box-shadow:0 3px 4px rgba(51,51,51,0.5);
padding:20px;
margin:10px 0; 
background:#FFF;
border-radius:1px;
border:none;
}

.box2 .box-s img {
	float: none;
}


.box_skitter_medium { 
	display:block; 
	text-align: center; margin: 0 auto;}

.box_skitter_medium img {
width: 500px; height: 200px;	
}

/********** Footer ****************/

.f-nav { 
display:inline-block;
padding-left:30px;
 }
 
 
/************** Servi *****************/

.serv img { 
float:none; 
}
.serv p  { 
margin:10px; 
text-align:justify;
}

#tabs-s { margin-top:0 auto; 

}

#tabs-s ul li {
float:none;
padding-left:5px;
display:inline-block;
margin-top:15px;
}

#tabs-s a { 
padding:5px;

}

video {width:500px; 
	text-align: center; 
	margin: 0 auto;}

.box_skitter_normal {
display: none;	
}

/*************** Portafolio ********************/






/************************************** HD PC ******************************************/

@media (max-width: 5000px) and (min-width:1361px) {



	body { font-size:20px;}





	/*** Logo *****/

	/*** Logo **** */
	#logo { 
		width:100%;
		margin:auto;
		text-align:center;
		padding-top: 10px;
		
		
		
	}
	
	#logo img {
		
		width:100%;

		display: none;
	}

	
	.menu-fijo {
		position: fixed;
		top: 0;
		width:100%;
		height:90px;
		background: #fff;
		/*background:rgba(250,250,250,0.9); */
		box-shadow: 0px 3px 4px rgba(50,50,50,0.3); 
	}
	/**** Contenido **********/

	#center { 
		box-shadow: 0px 2px 2px rgba(50,50,50,0.1); 
		padding:50px;
		margin:10px auto; 
		background:#FFF;
		border-radius:10px;
		width: 1300px;
	}

	#center2 {

		background: #fff;
	}

	.box {
		padding:40px;
		margin:20px auto; 
		background:#FFF;
		box-shadow: 0px 2px 2px rgba(50,50,50,0.1);  
		border-radius:10px;
		width: 1300px;

	}

	.box2 {
		padding:10px;
		margin:10px 0; 
		
		
	}

	.box-s img { 
		/*float:left; */
		padding-left:10px;
		width: 90%;

	}

	.box-s p  { 
		/*margin-left:300px; */
		text-align:justify;
	}

	.box-s {
		margin-left:;
		padding:20px;
		width:30%;
		float: left;

		/*box-shadow: 0px 3px 4px rgba(50,50,50,0.2); */
	}

}

/* **************************** Para Impresora **************************** */

/*@media print {
    #header {
        display: none;
    }

    #footer {
    	display: none;
    }
    table {
    	width: 100%;
		border: 1px solid #c0c0c0;
		margin: 0 auto;
	}

	tr{
		border: 1px solid #c0c0c0;
	}

	td {
		padding:10px;
		border: 1px solid #c0c0c0;
	}

	tr.row-gris {
		background: #ccc;
	}

	tr.row-gris-claro {
		background:#f2f2f2;
	}
	tr.cborde {
		border: 1px solid #c0c0c0;
	}
	tr.sborde{
		border:none;
	}
	td.cborde {
		border: 1px solid #c0c0c0;
	}
	td.sborde{
		border:none;
	}
	.botones, .botones2 {
		display: none;
	}
}*/



@media print {
	body {
		background: none;
		display: none;

	}

	#center {
		margin-top:-20px;
		width: 100%;
	}
	#pagos {

	display: block;
	}

    #header {
        display: none;
    }

    #footer {
    	display: none;
    }


    table {
    	width: 100%;
		border: 1px solid #c0c0c0;
		margin: 0 auto;
	}

	tr{
		border: 1px solid #c0c0c0;
	}

	td {
		padding:10px;
		border: 1px solid #c0c0c0;
	}

	tr.row-gris {
		background: #ccc;
	}

	tr.row-gris-claro {
		background:#f2f2f2;
	}
	tr.cborde {
		border: 1px solid #c0c0c0;
	}
	tr.sborde{
		border:none;
	}
	td.cborde {
		border: 1px solid #c0c0c0;
	}
	td.sborde{
		border:none;
	}
	.botones, .botones2 {
		display: none;
	}

	#ss {
		display:none;
	}
}


/* ------------------- BLOG -------------------------- */