body {
	color: #585858;
	/*background-image:url(../images/bg.gif);*/
	/*font-family: Arial,Helvetica,sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	background:#FFF url(../images/main_bg3.jpg) repeat-x left top ;
	}

.CuerpoPaginas {
	color: #585858;
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	background:#FFF url(../images/main_bg4.jpg) repeat-x left top ;
}


	
h2 {
	margin:8px 0;
	padding:8px 0;
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
   }


.gal {
	margin:0 8px 8px 0;
	padding:0;
	border:4px solid #fff;
   }	
   
#Contenedor {
	
	/*box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	-o-box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	*/
	min-height:860px;
	/*margin:0px auto;
	max-width:950px;
	min-width:320px;
	width:65%;
	*/
	}


/* Estilo Cabecera */
	
#DHeader {
/*	height:auto;*/
	height:70px;
	}
	
#contenidoMenu {
	border:1px solid #999;
	padding-top:8px;
	padding-bottom:3px;
	background:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
#DMenu {
	margin-top:3px;
	height:auto;
	border-bottom:1px solid #CCC;
	}
	
#Logo {
	/*border:1px solid #000;*/
	height:100px;
	margin-left:10px;
	width:32%;
	padding-top:15px;
	}
	
#Logo img{
	width:90%;
	height:70%;
	}

#ContenidoFooter {

	}
	
#contact {
	display:inline-block;
	width:32%;
	height:100%;
	vertical-align:top;
	/*border:1px solid #FFF;*/
	}	

.LetrasFondo {
	display:inline-block
		width:300px;
		height:35px;
		background:url(../images/Contactenos1.jpg);
		background-repeat:no-repeat;
		color:#FFF;
		padding-top:6px;
		padding-left:5px;
		margin-top: 15px;
		/*margin-left:22px;*/
		
	}

.LetrasFondoVerde {
	display:inline-block
		width:300px;
		height:35px;
		background:url(../images/Contactenos.jpg);
		background-repeat:no-repeat;
		color:#FFF;
		padding-top:6px;
		padding-left:5px;
		margin-top: 15px;
		/*margin-left:22px;*/
		
	}	

.ServiciosWeb {
	
	margin: 20px auto;
	color: #000;
	margin-top: 0px;  
}

.ServiciosWeb a{
	text-decoration: none;
}
.ServiciosWeb h2{
color: #000;
}



#ContenidoGalery, #ContenidoServices, .ServiciosWeb{
	display:inline-block;
	width:33%;
	height:100%;
	vertical-align:top;
	/*border:1px solid #FFF;*/

	}
#ContenidoServices {

	color: #CCC;
}
		
.ServiciosWeb {

	border:1px solid #FFF;
	width:30%;
}


.ServiciosWeb h2:hover{
	cursor: pointer;
	color:#FF0000;
}	

.ServiciosWeb img:hover{
	cursor: pointer;
	color:#FF0000;
}	

#DetalleFooter {
	padding-top:15px;
	}

 #DDatos, #contenidoMenu, #DHeader, #ContenidoFooter, #DetalleFooter {

	margin:0px auto;
	max-width:1250px;
	min-width:320px;
	width:65%;
	
	}
	
/*--------------------------------*/	
		
#enviar {
	
		width:110px;
		height:25px;
		background:url(../images/Button.jpg);
		background-repeat:no-repeat;
		color:#FFF;
		text-align:center;
		padding-top:3px;
	
	}
#enviar:hover{
		display:block;
		text-decoration:none;
		color:#000;
	    cursor:pointer;
        opacity:0.6;
	}		
	
#DContenido {
 	border:1px solid #fff;
	height:auto;
    margin:0px auto;
	max-width:1250px;
	min-width:320px;
	width:65%;
	
	box-sizing:border-box;
	background:#fff;
	
	box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	-o-box-shadow:1px 1px 7px rgba(0,0,0,0.5);
	
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	

	}
	
.indicador {
	position:inherit;
	top:0px;
	display:inline-block;
	/*border:1px solid #000;*/
	height:30px;
	width:100%;
	}	
.indicador a{
	display:inline-block;
	color:#666;
	font-weight:bold;
	
		}
.indicador .link	{
	margin-left:60px;
	}
p {
	text-align:justify}		
		
/*
.indicador a:hover{
	color:#666;
	cursor:default;
	
		}*/

#DContenido #slider1_container {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:98%;
	}
#DContentWeb {
  /*border:1px solid #000;*/
	min-height:760px;
    width:100%;
	box-sizing:border-box;
	}
			
.DSliders{
	/*border:1px solid #000;*/
	position: absolute;
	top:0px;
	left:0px;
	width: 100% ; 
	height: 300px;
	overflow:hidden;
	margin:0 auto;
/*	cursor: move; ;margin:0 auto; width: 828px; height: 300px;top:0px;left:0px;overflow:hidden;*/
	}	

#Footer	 {
	background:#0F0F0F url(../images/footer_bg.gif) repeat-x scroll left top;
	height:280px;
	}
	
	
#DFooter {
	
	height:58px;
	/*min-height:70px; */
	color: #CCC; 
	background: #050505 none repeat scroll 0% 0%;
	border-top: 1px solid #272727;
	}	
	
	
.Direccion {
	/*border:1px solid #000;*/
    display:inline-block;
	margin-left:28px;
	margin-top:15px;
	width:180px;
	height:50px;
	line-height:18px;
	background:url(../images/direccion.png) no-repeat;
	}	
	
.Direccion a{
	/*border:1px solid #000;*/
	padding-left:30px;
	color:#CCC;
	display:block;
	text-decoration:none;
	vertical-align:top;
	}
.Direccion a:hover{
	/*border:1px solid #000;*/
	color:#FFF;
}

.Telefono {
	/*border:1px solid #000;*/
  display:inline-block;
	margin-left:30px;
	margin-top:15px;
	width:130px;
	height:50px;
	line-height:18px;
	background:url(../images/fono.png) no-repeat;
vertical-align:top;
	}	
.Telefono a{
	/*border:1px solid #000;*/
	padding-left:30px;
	color:#CCC;
	display:block;
	text-decoration:none;
	}	
	
.Telefono a:hover{
	cursor:default;
	}	
.Links {
	/*border:1px solid #000;*/
	display:inline-block;
	margin-left:29px;
	margin-top:25px;
	width:100%;
	height:50px;
	line-height:18px;
	background:url(../images/Links.png) no-repeat;
	vertical-align:top;
	
	}	

.Links a{
	/*border:1px solid #000;*/
	padding-left:30px;
	color:#CCC;
	display:block;
	text-decoration:none;
	}	
	
.Links a:hover{
	color:#FFF;
	}
					
#Login {
	/*border:1px solid #000;*/
	height:100px;
	position:relative ;
	right:10px
	top:0px ;
	width:250px;
	}	
#DDatos {
	border:1px solid #FFF;
	padding-top:10px;
	min-height:720px;
	}
	
	#slider {
	/*background:url(../img/FondoNaruto.jpg);*/
	height:320px;
	width:98%;
	overflow:hidden;
	margin:10px auto;
	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 1px rgba(0,0,0,0.5);
	-o-box-shadow:0px 0px 1px rgba(0,0,0,0.5);
	box-shadow:0px 0px 1px rgba(0,0,0,0.5);
	}
	#slider img{
		max-width:1000px;
		width:850px;
		height:320px;
		}
		
/* Pagina Sistemas*/	
		
#imagensistemas		 {
	border:1px solid #fff;
  display:inline-block;
  width:20%;
  padding-top:6px;
  vertical-align:top
	}
#parrafosistemas {
	border:1px solid #fff;
 display:inline-block;
 width:74%;
 margin-left:5px;
 margin-top:2px;
 vertical-align:top;
	}	
/* Pagina Control de Asistencia*/	

.parrafoasistencia {
		border:1px solid #FFF;
 display:inline-block;
 width:74%;
 margin-left:15px;
 margin-top:0px;
 vertical-align:top;
	}
	
.imagenasistencia {
	border:1px solid #FFF;
  display:inline-block;
  width:20%;
  padding-top:6px;
  vertical-align:top;
	}	
	

/* Pagina Planes*/		
.planes {
/*	border:1px solid #000;*/
	margin:0px auto;	
	width:70%;
	
	}
.planes img{
	width:100%;
	height:auto;
	}	
	
#planesImagen {
	
	margin:15px auto;
	width:87%;
	height:auto;
	}
#planesImagen img{
	width:100%;
	height:100%;
	}	
/* Pagina Diseño Web */	


#ImagenPagWeb {
	/*border:1px solid #000;*/
	width:84%;
	margin:0 auto;
	height:auto;

	}
#ImagenPagWeb img{
	width:100%;
	margin-top:10px;
	height:98%;
	
	
	}
/* Pagina Dominio */		
#ContenedorParrafo {
	
	width:65%;
	display:inline-block;
	vertical-align:top;
	margin-left:40px;
	margin-top:20px;
	}
.ContenedorEmpresa {
	/*border:1px solid #000;*/
	width:51%;
	display:inline-block;
	vertical-align:top;
	/*margin-left:40px;*/
	margin-top:20px;
	}

	
.NuestraEmpresa {
	vertical-align:top;
	display:inline-block;
	width: 63%;
	padding-right: 15px;
}

.NuestraImagen {
	
	display:inline-block;
	width: 32%;
	padding-bottom: 25px;
}

.NuestraImagen img {
	width: 98%;

}

.descarga {
	margin:0 auto;
	width: 40%;
}

.descarga img{
	width: 100%;
}


.ContenedorVideo {
	margin-top:34px;
	display:inline-block;
	vertical-align:top;
	/*border:1px solid #F00;*/
	width:44%;
	height: 250px;
	margin-left: 35px;
}

.ContenedorVideo img {
	width: 70%;
}

.EspacioBottom {
	height: 75px;
}

#ContenedorDominio {
	
	width:65%;
	margin:0 auto;
	
	}	
	
	#formulario {
	width:50%;
	height:auto;
	border:1px solid #FFF;
	margin-left:15px;
	margin-top:20px;
		}
		


.searchform {
	padding:0;
	float:right;
}

.searchform img{
	height:34px; 
	width:32px;
	padding-top:22px;
	margin-left: 5px;

}
#formsearch {
	margin:0;
	padding:25px 0 0;
	width:auto;
	height:30px;
}
#formsearch span {
	display:block;
	margin:0;
	padding:0;
	float:left;
	background:url(../images/search_bg.gif) no-repeat left top;
}
#formsearch input.editbox_search {
	margin:0;
	padding:8px 6px;
	float:left;
	width:156px;
	font-size:12px;
	line-height:14px;
	color:#a8acb2;
	background:none;
	outline:none;
	border:none;
}
#formsearch input.button_search {
	margin:0;
	padding:0;
	border:none;
	float:left;
}



.logofox{
		display: inline-block;
		width: 285px;
		
	}

.sidebar {
	border:1px solid #FFF;
	padding:0;
	float:left;
	width:29%;

}
.sidebar .gadget {
	margin:0 0 16px;
	padding:12px 20px 24px;
	background:#c6d1d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.sidebar h2 {
	margin:-12px -20px 12px;
	padding:12px 20px 8px;
	color:#fff;
	background:#88a9c3;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0;
	list-style:none;
	color:#6e6e6e;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
	/*border-bottom:1px solid #bbc4c8;*/
}
ul.sb_menu li, ul.ex_menu li {
	padding:8px 0;
	width:220px;
}
ul.sb_menu li a {
	color:#6e6e6e;
	text-decoration:none;
	margin-left:-16px;
	padding:4px 8px 4px 16px;
}
ul.ex_menu li a {
	font-weight:bold;
	color:#6e6e6e;
	text-decoration:none;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

.sidebar h2 {
	margin:-12px -20px 12px;
	padding:12px 20px 8px;
	color:#fff;
	background:#88a9c3;
}
		
/*--------------------------------------- tamaño de dispositivo  ---------------------------------------*/
		

@media screen and (max-width:1300px){
	body{
			/*background:#81DAF5;*/ /* Celeste */
			}

	#DContenido, #DDatos, #contenidoMenu, #DHeader, #ContenidoFooter, #DetalleFooter {
		width:75%;
	}

}


@media screen and (max-width:1150px){
	body{
			/*background:#0174DF;*/ /* azul */
			}
	
	#DContenido, #DDatos, #contenidoMenu, #DHeader, #ContenidoFooter, #DetalleFooter {
		width:82%;
	}

	#DFooter {
		/*border:1px solid #000;*/
		height:200px;
		/*min-height:70px; */
		color: #CCC; 
	}	
		
	.Telefono {
		margin-left:50px;
	}
		
	.Links {
		margin-left:50px;
	}
		
	#formulario {
		width:92%;
		margin-right:5px;
	}
	#ContenidoGalery{
		display:none;
		}
		
		
	#contact {
		width:40%;
		margin-left:20px;
		}
	#ContenidoServices {
		
		margin-left:20px;
		width:45%;
		}




	
}



/* 870px */
@media screen and (max-width:1100px){
	body{
			/*background:#FA8258;*/ /* Naranja */
			}
.sidebar {
	display:none;
	}
	#ContenedorParrafo {
		
		border:1px solid #000;
		width:95%;
		margin-left:10px;
		margin-top:10px;
   }
	

	#DFooter {
		height:100px;
		}
}	
	

@media screen and (max-width:1050px){
	body{
			/*background:#F3F781;*/ /* Amarillo */
			}
	.ContenedorEmpresa {
		width:85%;
		margin:0px auto;
		padding: 0px;
		display:block;
	}


	.ContenedorVideo {
		width:85%;
		margin:0px auto;
		padding: 0px;
		display:block;
		height: auto;
	}

	.ContenedorVideo img {
		width: 45%;
	}

	.descarga {
		margin:0 auto;
		width: 35%;
		margin-bottom: 5px;
	}



	#DFooter {
		height:100px;
		}
}	




@media screen and (max-width:730px){
body {
		color: #585858;
		font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin:0px;
		background:#FFF url(../images/main_bg4.jpg) repeat-x left top ;
	}
.EspacioBottom	{
	height: 20px;
}
#ContenedorParrafo {
		width:95%;
   }
#parrafosistemas {
		width:95%;
	}
.parrafoasistencia{
		width:95%;
		margin:0px auto;
		display:block;
	}
		
.imagenasistencia{
		width:48%;
		margin:0px auto;
		display:block;
	}
#imagensistemas{
			display:none;
	}
			
#ContenedorDominio {
	width:80%;
	margin:0px auto;
	height:auto;
	padding-top:5px;
	display:block;
	border:1px solid #000;
}

.ContenedorVideo img {
		width: 65%;
	}

#DContentWeb {
	min-height:460px;
}

.indicador .link	{
	margin-left:15px;
	}
	
.indicador a{
	margin-left:15px;
	}	
	
#Footer {
		display:none;
		}

#DFooter {
		height:100px;
		}

	#DetalleFooter {
		margin: 0px auto;
		text-align: center;
	}
}	


	
@media screen and (max-width:680px){
	#DContenido, #DDatos, #contenidoMenu, #DHeader, #ContenidoFooter, #DetalleFooter {
		width:85%;
	}

	.searchform {
		display: none;
		
	}
	.logofox{
		display: block;
		width: 285px;
		margin:0px auto;
	}

	#DetalleFooter {
		margin: 0px auto;
		text-align: center;
	}
}	
	


@media screen and (max-width:550px){
	
	body {

	}

	.NuestraImagen {
		display: none;
	}

	.NuestraEmpresa {
		width:95%;
		margin:0px auto;
		padding: 0px;
		display:block;
	}

	.EspacioBottom	{
	height: 0px;
	}

	.ContenedorVideo img {
		width: 80%;
	}

	#DetalleFooter {
		margin: 0px auto;
		text-align: center;
	}
	
}	

@media screen and (max-width:500px){
	
	

	#Footer {
		display:none;
		}

	#DFooter {
		height:100px;
		}

	.Telefono {

	margin-left:20px;
	
	}
	.Links {
		margin-left:20px;
		margin-top:20px;
	}

	.ServiciosWeb {
		width: 70%;
		padding: 0px;
	
		margin: 0px;
	}

	.searchform {
		display: none;
		
	}
	.logofox{
		display: block;
		width: 285px;
		margin:0px auto;
	}

	#DetalleFooter {
		margin: 0px auto;
		text-align: center;
	}
	
}