

/* 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}

#banner { width: 794px; height: 243px; margin: 20px auto 0px auto}
.casa { background: transparent url(/images/icons.png) no-repeat 0px 4px}
.mail { background: transparent url(/images/icons.png) no-repeat 0px -24px}
.tlf { background: transparent url(/images/icons.png) no-repeat 0px -51px}
#search { width: 349px; height: 117px}
#adv { width: 445px; height: 117px}
.paddingtop13 { padding-top: 13px}
.ie .paddingtop13 { padding-top: 7px}
.select{width:170px; 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}