

/* Reset.css */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strike, strong, sub, sup, tt, var, 
b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
/* blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}*/ 

html { overflow-y:scroll}

input[type=submit],label,select,.pointer { cursor:pointer}

a { text-decoration: none;}

:focus{outline:0}

/* ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
acronym { cursor: help; border-bottom: 1px dashed #333; } */

/* Ruben Silva Rodriguez */

/* Colores: */

/* Ultima modificaci&oacute;n */

html, body { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 0.938em}
/*.ie html, .ie body { font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 0.688em}*/
body { background: transparent url(/images/bg-body.gif) repeat-x}

a { color: #b23429}
a:hover { text-decoration: underline; color: #007463;}

#header { width: 794px; height: 80px; margin: auto}
	#logo a{ position:relative; display:block; width:162px; height:61px; text-indent:5px}
	#logo a span{ display:block; position:absolute; top: 0; left: 0; margin: 0; padding: 0; width:100%; height:100%; background:transparent url(/images/logo.png) no-repeat left top;  z-index:100}
	#zontpc { vertical-align: baseline; width: 363px; margin-top: 20px;}
		.hoy { padding-top: 15px}
		.ie .hoy { padding-top: 0px}
#nav { width: 794px; height: 52px; margin: auto; background: transparent url(/images/bg-repeatx.gif) repeat-x; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px}
	#menu { width: 794px; height: 52px; position: relative;}
		#menu li { display: block; height: 52px; line-height: 52px; float: left;}
		#menu li a { text-align: center; display: block; color: #fff;}
		#menu li:hover a { color: #333;}
		.separator { width: 2px; background: transparent url(/images/separador.gif) no-repeat;}
		.corporate a { background: transparent url(/images/submenu-ico.png) no-repeat 135px 0px;}
		.corporate:hover a { background: transparent url(/images/submenu-ico.png) no-repeat 135px -52px; color: #000}
		.ie .corporate a { background: transparent url(/images/submenu-ico.png) no-repeat 140px 0px;}
		.ie .corporate:hover a { background: transparent url(/images/submenu-ico.png) no-repeat 140px -52px; color: #000}
		#submenu:hover { background: transparent url(/images/bg-submenu.gif) no-repeat 15px 9px;}
			#submenu ul { display: none; background: transparent url(/images/bg-submenu2.png) no-repeat; width: 244px; height: 142px; position: absolute; margin: -8px 15px 0}
			#submenu:hover ul { display: block;}
			#submenu:hover ul li { display: block; width: 244px; height: 26px; line-height: 26px; background: transparent; color: #ae3328}
			#submenu:hover ul li a { display: block; background: transparent; color: #ae3328; text-align: left; padding-left: 48px;}
			#submenu:hover ul li a:hover { color: #333;}
			.submenu { background: transparent; color: #ae3328}
			.submenu:hover { color: #333;}
#subnav { width: 774px; height: 31px; margin: 20px auto; background: transparent url(/images/bg-repeatx.gif) repeat-x 0 -52px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 0px 10px 0px 10px; line-height: 28px}
	.subnav { color: #fff; padding-left: 30px; height: 31px; display: block; position: relative}
	.subnav:hover { color: #333}
#section { width: 794px; margin: 20px auto 0px auto; height: 100%;}
	.piso {clear: both}
.clear { clear: both; height: 20px;}
#footer { width: 754px; height: 52px; margin: auto; background: transparent url(/images/bg-repeatx.gif) repeat-x 0 -83px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; line-height: 4.7em; padding: 0 20px 0 20px; clear: both; z-index: 0;}

.floatleft { float: left}
.floatright { float: right}
.clearleft { clear: left}
.clearright { clear: right}
.clearboth { clear: both}
.marginright20 { margin-right: 20px}
.marginright10 { margin-right: 10px}
.marginright5 { margin-right: 5px}

#center{margin: 60px auto 60px auto; width: 200px;}

.border-radius3{-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.clearboth { clear: both}
.width197 { width: 197px}

.legal { text-decoration: underline}
.legal:hover { color: #b23429}

.fontsize11 { font-size: 0.786em}
.fontsize18 { font-size: 1.286em}

.granate { color: #b23429}
.grisclaro { color: #d7d6d6}
.grismedio { color: #727271}
.grisoscuro { color: #504f4f}
.underline{text-decoration: underline;}

.bggris{background-color: #575757}

.baseline { vertical-align: baseline}

.bold { font-weight: bold}

.input {border:1px solid #aaa; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 0px 0px 5px; color:#555; background:#fff; width: 140px; height: 16px;}
.input2 {border:1px solid #aaa; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 0px 0px 5px; color:#555; background:#fff; width: 135px; height: 16px;}
.input:focus {background:#ddd; color:#555; border:1px solid #aaa; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.input:hover {background:#ddd; color:#555; border:1px solid #aaa; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.submit { background: #fff url(/images/bg-repeatx.gif) repeat-x 0px -135px; width: 58px; height: 21px; border: 0 none; color: #fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.submit:hover { background: #fff url(/images/bg-repeatx.gif) repeat-x 0px -156px}

/* Fancy */
#light { display: none; z-index: 1003;}
#legal { display: none;}
	#legal li{list-style-type: disc; margin-left: 20px;}
.white_content{position:absolute; top:40%; left:50%; margin-top: -120px; margin-left: -300px; width:600px; height:280px; background-color:white; z-index:1002; overflow:auto; padding: 10px;}
.black_content{position:absolute; top:40%; left:50%; margin-top: -160px; margin-left:-310px; width:640px; height:350px; background-color:#575757; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); z-index:1002; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
#close{color:#fff; font-weight:bold; margin-left:10px; margin-top:10px; float:left}
.espacio{height:10px; clear:both}

.fontsize13 { font-size: 0.867em;}
.lineheight16 { line-height: 16px;}
#pisonav { width: 794px; height: 52px; line-height: 52px; margin: auto; background: transparent url(/images/bg-repeatx.gif) repeat-x 0 -83px; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 0; clear: both; z-index: 0;}
	#pisonav li{width: 138px; height: 50px; text-align: center; color: #fff; float: left; display: block; border-left: 1px solid #999; border-right: 1px solid #333;}
	#pisonav li.borderleftnone{border-left: 0 none;}
	#pisonav li.borderrightnone{border-right: 0 none;}
	#pisonav li.last{width: 204px;}
	#pisonav li a{display: block; color: #fff;}
	#pisonav li a:hover{color: #000;}
	#pisonav li.selected{background: #fff url(/images/bg-repeatx.gif) repeat-x; -ms-border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
	/* TNIYTABLE ************************************************* */
	.sortable{width:100%; margin:0 auto 15px}
	.sortable th{background:#b23429; text-align:center; color:#fff; border:1px solid #fff; border-right:none}
	.sortable th h3{font-size:0.89em; padding:6px 8px 8px; color:#fff}
	.sortable td{padding:4px 6px 6px; vertical-align:middle; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1; border-left:1px solid #c6d5e1; font-size:0.9em; color: #555;}
	.sortable li { height: 24px; font-size: 1.1em; color: #999;}
	.sortable .head h3{background:url(/images/admin/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#fff}
	.sortable .desc, .sortable .asc{background:#555}
	.sortable .desc h3{background:url(/images/admin/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#fff}
	.sortable .asc h3{background:url(/images/admin/asc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#fff}
	.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover{color:#fff}
	.sortable .evenrow td{background:#fff}
	.sortable .oddrow td{background:#ecf2f6}
	.sortable td.oddselected{background:#dce6ee}
	.note_controls { display: none; width: 100px; float: left;}
	.note:hover .note_controls { display: block; }
	* html .note_controls { display: block; }
	a.editar { color: #11dc16; font-size: 0.9em; text-decoration: underline;}
	a.editar:hover { color: #777;}
	a.borrar { color: #e26464; font-size: 0.9em; text-decoration: underline;}
	a.borrar:hover { color: #777;}

	#controls{width:600px; margin:0 auto; height:20px}
	#perpage{float:left; width:200px}
	#perpage select{float:left; font-size:11px}
	#perpage span{float:left; margin:2px 0 0 5px}
	#navigation{float:left; width:200px; text-align:center}
	#navigation img{cursor:pointer}
	#text{float:left; width:200px; text-align:right; margin-top:2px}

.select{width:140px; color:#333; font-size:81%; background:#d6d6d5 url(/images/shadow.gif) repeat-x top; border-bottom:1px solid #ddd; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:1px solid #7c7c7c}
.center{text-align: center;}
.paddingtb3{padding: 3px 0px 3px 0px;}
.height55{min-height: 55px;}
.borderb{border-bottom: 1px solid #b23429;}
.none{display: none;}
.line{background-color: #ddd; height: 1px;}
.masinfo{color: #fff;}
.masinfo:hover{color: #000; text-decoration: none;}
.width605{width: 605px}
.width407{width: 407px}
.white{color: #fff;}
.black{color: #000;}
.bgzebra{background-color: #ddd}
.bggranate{background-color: #b23429;}
.margintop5{margin-top: 5px;}
.margintop3{margin-top: 4px;}
.marginleft10 { margin-left: 10px}
.marginleft20 { margin-left: 20px}
.marginleft70 { margin-left: 70px}
.marginleft50 { margin-left: 50px}
.submit2 { background: #fff url(/images/bg-repeatx.gif) repeat-x 0px -156px; width: 58px; height: 21px; border: 0 none; color: #fff; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.submit2:hover { background: #fff url(/images/bg-repeatx.gif) repeat-x 0px -135px}
.padding5{padding: 5px;}
.widthall{width: 100%;}