@charset "utf-8";
/* CSS Document */
body { font-family: Verdana, Geneva, sans-serif; font-size:12px; text-align:center; background: url(../imagenes/bg.jpg)top left repeat-x fixed #e4e5e5; margin:0; padding:0;}
img { border:none; }
.limpiar { clear:both; margin:0; padding:0; height:0;}
#header { margin:0; padding:0;}
#contenedor { width:1024px; padding:0; margin:0 auto; text-align:left;}
#logo { width:150px; float:left; padding:0;}
#logo img { ;}
#menu {  float:right; width:675px; margin-right:160px;}
#menu a { text-decoration:none; color: #FFF;}
#menu ul { margin:0; text-align:center; padding:170px 0 0;}
#menu li { float:left; margin-left:0; width:112px; list-style:none; background: url(../imagenes/boton.png) center center no-repeat; padding: 8px 0; text-shadow: 0px 0px white, 1px 1px #000; font-weight: bold; }
#contenidoprin { }
/*#colizq { width:225px; float:left; padding:51px 0 0 0;}*/
#derecha { width:674px; float:left;}
#slide { background:url(../imagenes/bgslide.png)top left no-repeat; padding:5px 15px 5px 5px;}
#contentder { background:url(../imagenes/bgslide.png)top left no-repeat; padding:20px 15px 5px 20px; height:480px;}
#contentserv { background:url(../imagenes/servbg.png)top left no-repeat; padding:20px 5px 5px 30px; height:480px;}
#contentder  ul { margin:0; list-style:none; padding:0;}
.servicio  ul { margin:0; list-style-image:url(../imagenes/list.jpg); padding:0; color:#fff; list-style-position:inside;}
.servicioabajo  ul { margin:0; list-style-image:url(../imagenes/list.jpg); padding:0; color:#fff; list-style-position:inside;}
.contizq { width:55%; float:left; padding:10px; background-color:#9b9999; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; }
.izqserv { width:46%; float:left; padding:0; font-size:14px;}
.izqserv p { margin:5px 5px 10px 5px; color:#fff;}
.derserv p { margin:5px 5px 10px 5px; color:#fff;}
.derserv { width:46%; float:left; padding:25px 0 0 0; font-size:14px; margin-left:10px;}
.metros { margin:0 auto; text-align:center; margin-top:30px;}
#mascentral { background-image: url(../imagenes/bgmad.jpg); background-repeat: repeat; padding-bottom: 6px;}
.dercont { width:45%; float:left; padding:30px 0 10px 30px;}
.numero {  padding:0 5px 0 0; font-size:26px; font-weight:bold; text-shadow: 0px 0px #666, 2px 2px #333;}
.tituloizq { background:url(../imagenes/gris.png)top left repeat-x; text-shadow: -0px -0px #333, 3px 3px #333; padding:16px 0; font-size:20px; text-align:center; font-weight:bold; color: #FFF;}
.contizq p { margin:15px 0; font-size:16px; text-align:justify;}
.dercontent { padding:0 0 0 30px; width:220px; float:left;}
.titulocont{  text-shadow: 0px 0px #666, 2px 2px #333; padding:0; font-size:23px; text-align:left;  font-family:Verdana, Geneva, sans-serif; color:#FFF; font-weight:bold;}
.texizq { background-color:#0086be; color:#fff; font-size:12px; height:269px; margin-bottom:30px;}
.texizqin { background-color:#0086be; color:#fff; font-size:16px; height:269px; margin-bottom:30px;}
.texizqin  p { margin:0; padding:8px 12px; text-align:left; font-weight:bold;}
.texizq  p { margin:0; padding:8px 12px; text-align:justify;  }
.titulosoc { text-align:left; color:#232323; font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:10px;}
.textoabajo { color:#6c6c6c; font-size:12px; font-weight:bold;}
#footer { background:url(../imagenes/bgfoot.png)top left no-repeat; text-align:center; padding:10px 0; font-weight:bold; text-shadow: 0px 0px white, 1px 1px #fff; color:#444; margin-top:10px;}
#footer a { text-decoration:none; text-shadow: 0px 0px white, 1px 1px #fff; color:#444; color:#444;}
.textoabajo span { font-weight:bold; color:#444;}
.intizq { background-color:#fff; padding:5px; color:#313854; width:200px; margin:0 auto; font-weight:bold;}
#formulario { padding-top:10px;}
#formulariocont { padding:10px; width:46%; float:left;}
.dercontac { width:48%; float:left; margin-left:5px; padding:10px 0;}
.loginform { padding:10px 10px 275px 10px; background-image: url(../imagenes/bgcli.png); background-position: top center; background-size: cover;}
.passform table{ padding:10px;}
.passform {  padding:10px; }
.derechabajo { padding:10px; color:#000;}
.regresarlink { padding:5px;  text-align:right; width:280px;}
.regresarlink a { color:#fff;}
.tabform {  background-color:#0086be; margin-top:10px; color:#fff;}
.servicio { background-color:#0086be; padding: 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin: 10px 5px 10px 5px; height:210px; float: right; }
.servicioabajo { background-color:#0086be; padding: 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin: 10px 5px 10px 5px; height:270px; float: right; }
.listn { list-style:none !important;}
.title { font-size:25px; text-shadow:-1px -1px #333, 1px 1px #fff; color:#202020; margin-bottom: 10px; width:95%; text-align:center; }

.tabla {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align: left; padding:0;
width: 98%; margin-bottom:20px; 
overflow:scroll;
height:325px;}

td { font-size:14px; text-shadow:#FFF; border: 1px solid #0086BE; background: url(http://grupoargus.com.mx/imagenes/bgt.PNG) top left repeat-x; color:#333; padding-left: 10px; }
.tabla td.tdnombre { width: 50%; font-size:12px; text-shadow:#FFF; border: 1px solid #0086BE; background: url(http://grupoargus.com.mx/imagenes/bgt.png) top left repeat-x; color:#333; padding-left: 10px; }
.tabla td a{ color:  #0086BE ; text-decoration:none;}
.tabla td a:hover{ color:#FFF; }
.tabla th {
padding: 5px;
font-size: 10px;
background-color: #0086BE; background: url(../imagenes/fondo_th.png) top left repeat-x;
color: #FFFFFF;
font-family:Verdana, Geneva, sans-serif;
text-transform: uppercase; text-shadow:0px 1px #333, 0px -1px #fff;
}
.tabla table{ width:100%; border-collapse:collapse;}
.paginacion li { display:inline; margin-left:5px; }
.paginacion{ text-align:right; padding-right:35px; color:#333;}
.paginacion a{ color:  #0086BE}
.paginacion a:hover{ color:#FFF; }
.obligatorios { font-size:10px; color:#F00;}
.recibido { text-align:center;}
.izqrec { width:90%; float:left; padding:0; font-size:14px;}
.regresar { text-align:center;}
.regresar a { text-align:center; color:#fff; font-size:14px;}

table.tabform td { background:none;}
.bgpass { background:url(../imagenes/bgpass.png)top left no-repeat; width:147px; text-align:center; padding:6px 0; float:right; margin-right:30px;}
.bgpass a { color:#fff; text-decoration:none;}
.bgpass a:hover { color:#ccc; text-decoration:none;}
.menusecciones ul { margin:0; padding:0; margin:0 auto;}
.menusecciones { background-color:#000; width:98%;  padding:10px 0; margin-bottom:10px;}
.menusecciones li { display:inline; margin-left:6px; }
.menusecciones a { color:#fff; font-size:12px; text-decoration:none;  padding:10px 0;}
.menusecciones a:hover { color:#fff; background-color:#666;}
#colizq { width:190px;float:left;}
#central { width:655px;float:left; background-color:#0087be; padding:8px;}
#central img { margin:0 auto; width: 95%; height: auto;}
#colder { width:160px;float:right;}
.left-title { background:url(../imagenes/gris.png)top left repeat-x; padding:10px 5px 8px 5px;color:#fff; font-weight:bold; text-align:center; font-size:14px; text-shadow:#fff 0px 1px 0, #000 0 -1px 0;}
.left-text { background-color:#0087be; padding:5px 10px 5px 15px;color:#fff; text-align: justify;}
.social { padding: 8px 0 3px 3px;}
.social img { padding-left: 10px;}
.titulosocial { padding-bottom: 3px; font-weight:bold; color: #4E4E4E; text-shadow:#fff 0px 1px 0, #000 0 -1px 0; font-size:14px; }
.textocenter { background-image: url(../imagenes/bgmad.jpg); background-repeat: repeat; padding: 4px 4px 15px; font-size:16px; color: #fff; text-align:justify;}
.textocenter p { padding: 0px 15px 0 15px; font-family: Georgia, "Times New Roman", Times, serif;}
#tituq { font-size:20px; font-weight:bold;    }
.gris { background:#A0A0A4; width: 74%; float:left; margin:5px 0 0 5px; padding-bottom: 13px; }
.izquier { padding: 0 5px 5px 5px;  background-color:#0087be; color:#FFF;}
.imagesabajo { width:25%; float:left;}
.imagesabajo img {  padding: 10px 0 0 10px;}
#cli { width:655px;float:left; background-color:#0087be; padding:8px;}
#cli img { margin:0 auto;}
.servizq { width:50%; float:left; height:210px;}
.serv { width:46%; float:left;padding: 0; font-size:14px; margin:0 5px 10px 5px;}
.servicio li { text-align:left;}
.servicioabajo li { text-align:left;}
#twtr-widget-1 h4 { font-size:12px !important;}
.priv {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: white;
	background-image: url(../imagenes/bgmad.jpg);
	background-repeat: repeat;
	padding: 10px;
}
.priv > h1 {
	color: #0087be;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #0087be;

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1.0);
}
.priv > form > h2{
	color: #0087be;
	font-size: 16px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1.0);
}
.priv > h3 {
	color: #0087be;
	font-size: 14px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1.0);
}
.priv p {
	text-align: justify;
}
.priv span {
	font-weight: bold;
	font-size: 14px;
}
.priv table {
	border: none !important;
	border-collapse: collapse;
}
.priv tr td {
	border-collapse: collapse;
	padding: 3px;
	margin: 3px;
	border: none;
	background: none;
}
.impri {
	display: block;
	margin: 5px auto;
	width: 80%;
	padding: 6px;
	text-align: center;
	text-transform: uppercase;
	background: white;
	border-radius: 6px;
	cursor: pointer;
}
.impri:hover {
	font-weight: bold;
	color: darkorange;
}
.input {
	width: 100%;
	padding: 4px 10px;
	line-height: 16px;
	font-size: 12px;
	border-bottom: 1px dotted #333;
	border-right:  1px dotted #333;
	border-left:  1px dotted #333;
	border-top: 0;
	background: transparent;
	color: #000000;
	font-weight: bold;
}
.btn-env {
	background: #0087be;
	color: white;
	border: 1px solid #046e99;
	border-radius: 6px;
	padding: 6px 10px;
	margin: 5px auto;
	width: 100%;
	cursor: pointer;
}
.alerta {
	margin: 10px auto;
	padding: 10px;
	background: lightblue;
}
#cerrar {
	display: block;
	margin: 5px;
	text-align: right;
	color: red;
	text-transform: uppercase;
	cursor: pointer;
}
#mensaje {
	margin: 10px;
	padding: 10px;
	color: #000000;
}
#q1, #q2, #q3, #q4, #q5 {
	cursor: pointer;
}
#q1:hover, #q2:hover, #q3:hover, #q4:hover, #q5:hover {
	color: darkblue;
}