@charset "utf-8";
/* 
 * @CSS Document
 * @Estilo sitio web
 * @Archivo style.css
 * @ruta /
 * @copyright Copyright Web-Gdl.com 2011
 * @contacto http://www.web-gdl.com 
 * @mail: webmaster@web-gdl.com
 * @version 3.0
*/
* {
	font-family:Arial, Helvetica, sans-serif;
}
html, body {
	margin: 0px;
	padding: 0px;
	background-color:#000;
	color:#FFF;
}
body, p, table, td, ul {
	color:#CCC;
	font-size: 12px;
}
a:link, a:visited, a:active {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
.back1 {
	background:url(images/cabeza.png) center no-repeat #000;
	border-collapse:collapse;
	width:840px;
	height:51px;
}
.back2 {
	background:url(images/back.png) repeat-y center #000;
}
.back3 {
	background:url(images/pie.png) center no-repeat #000;
	width:840px;
	height:51px;
	border-collapse:collapse;
}
/*------------------------------------------------menu--------------------*/
#menu1 {
	background:url(images/menu1.gif) no-repeat;
	width:23px;
	height:43px;
}
#menu2 {
	list-style: none;
	background:url(images/menu2.gif) repeat-x;
}
#menu2 ul {
	margin: 0;
	padding: 0;
}
#menu2 ul li {
	display: inline; /* las mostraremos una al lado de la otra */
	color:#FFF
}
#menu2 ul li a {
	font-size: 16px;
	color:#CCCCCC;
	display: block; /* esto, transforma el enlace en un rectngulo al que podemos dimensionar */
	float:left; /* son bloques pero flotan, los veremos uno al lado del otro */
	text-align: center; /* centramos el texto */
	text-decoration: none; /* para que no se subrayen los enlaces */
	margin-right: 0px; /* en este ejemplo, cada botn se separa un poco del adyacente */
	padding: 11px 21px;
}
#menu2 ul li a:hover {
	font-size: 16px;
	padding: 11px 21px;
	color: #FFFFFF;
	background-color:#000000;
	background:url(images/menu4.gif) repeat-x;
}
#menu3 {
	background:url(images/menu3.gif) no-repeat;
	width:23px;
	height:43px;
}
/*------------------------------------------------menu--------------------*/
.box {
	background:url(/images/box.gif) no-repeat;
}
textarea, input, select {
	margin: 0px;
	font-size: 10px;
}
.hide {
	display:none;
	visibility:hidden;
	font-size: 0px;
}
.txt {
	text-align:justify;
}
.t-gris {
	font-size: 14px;
	color: #808080;
	font-weight: bold;
}
.t-rojo {
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
.g-amarillo {
	font-size: 14px;
	color: #FFCC00;
	font-weight: bold;
}
.g-blanco {
	font-size: 22px;
	color: #FFFFFF;
	font-weight: bold;
}
.img {
	border:none;
	padding:0px;
}