/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}

/* Global Structure ============================================================= */
.main {	margin:0 auto;	width:1000px; }

.body1 { background:url(../images/bg_top2.jpg) top repeat-x; height:430px; }
.body2 { background:url(../images/bgtop.jpg ) top center repeat-x; height:480px; }
.bodyOther {background:url(../images/bgtopOther1.jpg ) top center repeat-x; height:200px; }

#header { height:160px; background-image:url(../images/fondo.jpg); background-repeat:repeat-x; }
#header .banner  { position:absolute; left:75px; top:0px; }
#header .fondobanner  { background-image:url(../images/BANNER.jpg); background-repeat:no-repeat; }
#header .logo  { position:absolute; left:0px; top:10px; }
#header .fondomenu  { background-image:url(../images/fondomenu1.png); background-repeat:no-repeat; }
#header .fondomenuAdmin  { background-image:url(../images/fondomenuAdmin.png); background-repeat:no-repeat; }
#header .registro { position:absolute; left:600px; top:8px; }
#header .reloj  { color:#555; font-size:14px; font-family:Calibri; }
#header .slider  { position:absolute; left:350px; top:162px; }
#header .pasos  { position:absolute; left:920px; top:160px; }
#header .RedesSociales  { position:absolute; left:980px; top:125px; }
#header .DatosUsuario  { position:absolute; left:300px; top:173px; background-color:#FFF; }
#header .DireccionFisica  { position:absolute; left:30px; top:25px; color:#FFF; }

.body3 {background:#000}
.bodyf {background:url(../images/bg_bott.jpg) top repeat-x}

.cuadroRedes
{
	background-image:url(../images/cuadroservicios1.png); background-position:center; background-repeat:no-repeat;	
}

/****** CUADROS DE TEXTO *****/
.CuadroTextoRegistro { width: 100px; height: 25px; border: 1px solid #ddd; -moz-border-radius:0.5em; 
	border: 1px solid #ddd; -webkit-border-radius:0.5em; padding-left: 10px; color: #000; background:#CCC; border-radius:0.5em; }
.CuadroTextoRegistro:hover, .CuadroTextoRegistro:focus { border-color:#c5c5c5; color:#FFF; background:#666; }


.CuadroTextoRecomendar { width: 120px; height: 20px; border: 1px solid #ddd; -moz-border-radius:0.5em; 
	border: 1px solid #ddd; -webkit-border-radius:0.5em; padding-left: 10px; color: #000; background:#CCC; border-radius:0.5em;  }
.CuadroTextoRecomendar:hover, .CuadroTextoRecomendar:focus { border-color:#c5c5c5; color:#FFF; background:#666; }


.CuadroTexto { width: 200px; height: 25px; border: 1px solid #ddd; -moz-border-radius:0.5em; 
	border: 1px solid #ddd; -webkit-border-radius:0.5em; padding-left: 10px; color: #000; background:#CCC; border-radius:0.5em;  }
.CuadroTexto:hover, .CuadroTexto:focus { border-color:#c5c5c5; color:#FFF; background:#666; }

.AreaTexto { width: 250px; height: 60px; border: 1px solid #ddd; -moz-border-radius:0.5em; 
	border: 1px solid #ddd; -webkit-border-radius:0.5em; padding-left: 10px; color: #000; background:#CCC; border-radius:0.5em; }
.AreaTexto:hover, .AreaTexto:focus { border-color:#c5c5c5; color:#FFF; background:#666; }

/****** CUADROS DE TEXTO *****/
.ClaseBoton
{
	background-repeat:repeat; cursor:pointer; border-style:none;
	background:#35ADCD;
	color:#FFF;
	font-weight:bold;
	border:solid black 1px;
	border-radius: 5px;
	font-family:Tahoma, Geneva, sans-serif;
}


/****** CUADROS DE TEXTO *****/
.buttonAceptar
{
	background:url("../images/buttonAceptar.png");
	width:59px; height:30px; border:none;
	background-repeat:repeat; cursor:pointer; border-style:none;	
}

.buttonActualizar
{
	background:url("../images/buttonActualizar.png");
	width:77px; height:30px; border:none;
	background-repeat:repeat; cursor:pointer; border-style:none;	
}

.buttonRecomendar
{
	background:url("../images/buttonRecomendar.png");
	width:90px; height:30px; border:none;
	background-repeat:repeat; cursor:pointer; border-style:none;	
}

/****** Estilos de Letras *****/
.estiloTextoRegistro { font-size:14px; font-family:Calibri; color:#666; }
.estiloTitulo { font-size:24px; font-family:Calibri; color:#666; font-weight:bold; }
.estiloParrafo { font-size:14px; font-family:Calibri; color:#666; }
.estiloUsuario { font-size:12px; font-family:Calibri; color:#666; }
.estiloDireccion { font-size:12px; font-family:Tahoma; color:#FFF; }
.estiloTextoFooter { font-size:14px; font-family:Calibri; color:#FFF; }


.estiloInicioRegistro { font-size:16px; font-family:Calibri; color:#FFF; }

.estiloDetallesRojo { font-size:14px; font-family:Calibri; color:#C00; font-weight:bold; }
.estiloDetallesAzul { font-size:14px; font-family:Calibri; color:#039; font-weight:bold; }
.estiloAmarillo { font-size:15px; font-family:Calibri; color:#FFD900; font-weight:bold; }
.estiloBlanco { font-size:15px; font-family:Calibri; color:#FFF; font-weight:bold; }

/************* */
a.externo:link { color: #666; text-decoration:underline; }
a.externo:visited { color: #666; text-decoration:underline; }
a.externo:hover { color: #666; text-decoration:none; }

/* ============================= main layout ====================== */
a {color:#dd00ff;text-decoration:underline;outline:none}
a:hover {text-decoration:none}

/* ============================= footer ====================== */
footer {text-align:center;padding:15px 0 30px 0; color:#FFF; }
footer a {color:#fff}
br {color:#ffffff}


/* TABLAS */
#gradient-style
{
	font-family:"Tahoma"; font-size: 12px;
	width: 700px;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	background: #90DCF4;
	border-top: 2px solid #000;
	border-bottom: 1px solid #FFF;
	color: #222;
}
#gradient-style tr:nth-child(even) td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color:#000;
	border-top: 1px solid #FCC425;
	
	background: -moz-linear-gradient(top,  #CCC 0%, #CCC 51%, #FFF 100%);
	background: -webkit-linear-gradient(top,  #CCC 0%, #CCC 51%, #FFF 100%);	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCC, endColorstr=#FFF); 
	
	/*background: #FCC425 url('../imagenes/table-images/gradback.png') repeat-x; */
}
#gradient-style tr:nth-child(odd) td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color:#000;
	border-top: 1px solid #FCC425;
	
	background: -moz-linear-gradient(top,  #999 0%, #999 51%, #999 100%);
	background: -webkit-linear-gradient(top,  #999 0%, #999 51%, #999 100%);	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#066, endColorstr=#0CC); 
	
	/*background: #FCC425 url('../imagenes/table-images/gradback.png') repeat-x; */
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: -moz-linear-gradient(top,  #90DCF4 0%, #90DCF4 51%, #90DCF4 100%);
	background: -webkit-linear-gradient(top,  #90DCF4 0%, #90DCF4 51%, #90DCF4 100%);	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#066, endColorstr=#0CC); 
	color: #000;
}
/* */

/* TABLAS */
#gradient-style1
{
	font-family:"Tahoma"; font-size: 12px;
	width: 1000px;
	border-collapse: collapse;
}
#gradient-style1 th
{
	font-size: 12px;
	font-weight: normal;
	padding: 8px;
	background: #90DCF4;
	border-top: 2px solid #000;
	border-bottom: 1px solid #FFF;
	color: #222;
}
#gradient-style1 tr:nth-child(even) td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color:#000;
	border-top: 1px solid #FCC425;
	
	background: -moz-linear-gradient(top,  #CCC 0%, #CCC 51%, #FFF 100%);
	background: -webkit-linear-gradient(top,  #CCC 0%, #CCC 51%, #FFF 100%);	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCC, endColorstr=#FFF); 
	
	/*background: #FCC425 url('../imagenes/table-images/gradback.png') repeat-x; */
}
#gradient-style1 tr:nth-child(odd) td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color:#000;
	border-top: 1px solid #FCC425;
	
	background: -moz-linear-gradient(top,  #999 0%, #999 51%, #999 100%);
	background: -webkit-linear-gradient(top,  #999 0%, #999 51%, #999 100%);	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#066, endColorstr=#0CC); 
	
	/*background: #FCC425 url('../imagenes/table-images/gradback.png') repeat-x; */
}
#gradient-style1 tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style1 tbody tr:hover td
{
	background: -moz-linear-gradient(top,  #90DCF4 0%, #90DCF4 51%, #90DCF4 100%);
	background: -webkit-linear-gradient(top,  #90DCF4 0%, #90DCF4 51%, #90DCF4 100%);	
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#066, endColorstr=#0CC); 
	color: #000;
}
/* */