/* ------------------------------------------------------------------------------------------------------------------------------- */

body    {
        margin-top: 0%; margin-bottom: 0px;
        font-family: arial;
		font-size:15px;
        background:url('http://www.guiazonal.com/fondo.jpg'); repeat-y; background-repeat:repeat
		}

/* ------------------------------------------------------------------------------------------------------------------------------- */
        
.colorclass0 {
        background-color: #ffffff;
}

.colorclass1 {
        background-color: #DCF4FC; 
}

.colorclass2 {
        background:url('http://www.guiazonal.com/fondo2.jpg'); repeat-y; background-repeat:repeat
}

.colorclass3 {
        background:url('http://www.guiazonal.com/fondo4.jpg'); repeat-y; background-repeat:repeat
}
.colorclass4 {
        background:url('http://www.guiazonal.com/fondo5.jpg'); repeat-y; background-repeat:repeat
}
.padder1 { padding: 1; } .padder2 { padding: 2; } .padder3 { padding: 3; } .padder4 { padding: 4; } .padder5 { padding: 5; }
.padder6 { padding: 6; } .padder7 { padding: 7; } .padder8 { padding: 8; } .padder9 { padding: 9; } .padder10 { padding: 10; }
.padderlogo { border-bottom:10px solid #FFFFFF;}

.tdclass0 {
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
        background:url('http://www.guiazonal.com/fondo6.jpg'); 
        repeat-y; padding-left:0px; padding-right:0px; background-repeat:repeat
}

.tdclass1 {
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
        background:url('http://www.guiazonal.com/fondo6.jpg'); 
        repeat-y; padding-left:0px; padding-right:0px; padding-top:5px; padding-bottom:5px; background-repeat:repeat
}

.textclass0
        {
        color: #000000;
        font-size:12px;
        }
		
.textclass1
        {
        color: 476C8E;
        font-size:14px;
        }
        
.textclass10
        {
        color: 476C8E;
        font-size:14px;
		padding: 6; 
        }
		        
.textclass2
        {
        color: 476C8E;
        font-size:18px;
        }			
h3.h3 {
line-height: 5px;
color: 476C8E;
}

a:link
        { color: #000000; font-size:13px; text-decoration:none; }
a:active
        { color: #ff0000; font-size:13px; text-decoration:none; }
a:visited
        { color: #000000; font-size:13px; text-decoration:none; }
a:hover
        { color: #ff0000; font-size:13px; text-decoration:none; }
a.mini
        { color: #FF0000; font-size:13px; text-decoration:none; }
.subcat_link a:link 
	{ color: 476C8E; text-decoration:none; font-size: 11px; }
.subcat_link a:active 
	{ color: 476C8E; text-decoration:none; font-size: 11px; }
.subcat_link a:visited 
	{ color: 476C8E; text-decoration:none; font-size: 11px; }
.subcat_link a:hover 
	{ color: EB6812; text-decoration:underline; font-size: 11px; }		
		
.itty_link a:link 
	{ color: 000000; text-decoration:none; font-size: 11px; }
.itty_link a:active 
	{ color: 000000; text-decoration:none; font-size: 11px; }
.itty_link a:visited 
	{ color: 000000; text-decoration:none; font-size: 11px; }
.itty_link a:hover 
	{ color: EB6812; text-decoration:underline; font-size: 11px; }

.itty_link 
	{
	font-size:11px;
	color:000000;
	}
	
.itty_itty_link 
	{
	font-size:10px;
	}			
	
.white_link
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.white_link a:link 
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.white_link a:active 
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.white_link a:visited 
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.white_link a:hover 
{ color: ffffff; font-size:13px; text-decoration:underline; }	


.enl_link
{ color: 476C8E; font-size:18px; text-decoration:none; }
.enl_link a:link 
{ color: 476C8E; font-size:18px; text-decoration:none; }
.enl_link a:active 
{ color: 476C8E; font-size:18px; text-decoration:none; }
.enl_link a:visited 
{ color: 476C8E; font-size:18px; text-decoration:none; }
.enl_link a:hover 
{ color: ff0000; font-size:18px; text-decoration:underline; }	


.enl_linknegro
{ color: 000000; font-size:14px; text-decoration:none; }
.enl_linknegro a:link 
{ color: 000000; font-size:14px; text-decoration:none; }
.enl_linknegro a:active 
{ color: 476C8E; font-size:14px; text-decoration:none; }
.enl_linknegro a:visited 
{ color: 000000; font-size:14px; text-decoration:none; }
.enl_linknegro a:hover 
{ color: ff0000; font-size:14px; text-decoration:underline; }	


H1      {
        font-family: arial;
		margin-bottom: 2px; 
		font-size:14px;
		color: #F40018;
		}

H1.letrasroja {
background: url('images/categorr.jpg') no-repeat;
font: bold 13px Arial; 
padding-top: 9px;
font-size:19px;
color: #000000;
border-color:#000000;
border-bottom:2px solid;
text-align: center;
height:33px;
}

h2.letrasrojas {
background: url('images/categorr.jpg') no-repeat;
font: bold 13px Arial; 
padding-top: 9px;
font-size:19px;
color: #000000;
border-color:#000000;
border-bottom:2px solid;
text-align: center;
height:33px;
}


.white_link {
 border-color: #000000;
}		

.bigtitle a:link 
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.bigtitle a:active 
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.bigtitle a:visited 
{ color: DEE0E5; font-size:13px; text-decoration:none; }
.bigtitle a:hover
{ color: ffffff; font-size:13px; text-decoration:underline; }
img { border: 10px none; }

.commentbox{
text-align: left;
background-color: #DFFF95;
width: 316px;
padding: 0px;
border:0px solid #666666;
}

.commentfooter{
background: url('images/arrow.gif') no-repeat 60px -5px; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 88px;
font-size: 90%;
color: #000000;
padding: 10px;
height: 20px;
}


.commentbox2{
text-align: left;
background-color: #D8E1FA;
width: 296px;
padding: 10px;
border:0px solid #000000;
margin-bottom: 44px;
}


.commentfooter2{
background: url('images/arrow2.gif') no-repeat 40px 1px; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 100px;
font-size: 90%;
color: #000000;
height: 22px;
}

.letrachica{
font-size: 10pt;
}

.letrachica2{
font-size: 11pt;
padding:0px;
margin:0px;
}

.letrachica3{
font-size: 9pt;
padding:0px;
margin:0px;
}

.letrachica4{
text-align:justify;
font-size: 9pt;
padding-bottom:4px;
color: #515C71;
margin:0px;
}

.sep1 {
padding-top:3px;
text-align:justify;
}		

.sepp {
padding:2px;
text-align:justify;
font-size: 9pt;
color: #ACAEC4;
margin:0px;
}

a.linkverde {
text-align:justify;
font: bold 13px Tahoma; /* Change 13px as desired */
color: #97C102;
}

a.linkverde:visited{
text-align:justify;
font: bold 13px Tahoma; /* Change 13px as desired */
color: #97C102;
}


a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ 
overflow: hidden;
width: 100%;
padding-top:14px;
}

.curlycontainer{
border: 1px solid #b8b8b8;
background-color: #F1FED6;
margin-bottom: 10px;
width: 500px;
}

.curlycontainer .innerdiv{
background: url('images/brcorner.gif') no-repeat bottom right;
position: relative;
left: 2px;
top: 2px;
padding-left:5px; padding-right:4px; padding-top:1px; padding-bottom:15px
}

a:link.aaa{
font-size: 16px; 
color: #638002; text-decoration: none;
}

a:active.aaa{
font-size: 16px; 
color: #638002; text-decoration: none;
}

a:visited.aaa{
font-size: 16px; 
color: #638002; text-decoration: none;
}

a.aaa{
font-size: 16px; 
color: #638002; text-decoration: none;
}

a:hover.aaa{
font-size: 18px; 
color: #ff0000; text-decoration: none;
}

.nube{
   text-align: center;
}
.nube div.etiquetas{
   font-family: verdana,arial,helvetica;
   font-size:8pt;
   padding:5px;
}
.nube div.etiquetas span{
   float: left;
   margin: 0 3px 0 3px;
   height: 20pt;
   white-space: nowrap;
}
.nube div.etiquetas span.etiquetatam1{
   font-size: 75%;   
}
.nube div.etiquetas span.etiquetatam2{
   font-size: 85%;   
}
.nube div.etiquetas span.etiquetatam3{
   font-size: 95%;   
}
div.etiquetas span.etiquetatam4{
   font-size: 100%;   
}
.nube div.etiquetas span.etiquetatam5{
   font-size: 110%;   
}
.nube div.etiquetas span.etiquetatam6{
   font-size: 120%;   
}
.nube div.etiquetas span.etiquetatam7{
   font-size: 130%;   
}
.nube div.etiquetas span.etiquetatam8{
   font-size: 140%;   
}
.nube div.etiquetas span.etiquetatam9{
   font-size: 155%;   
}
.nube div.etiquetas span.etiquetatam10{
   font-size: 160%;   
}

* {
margin:0 auto;
padding:0;
}

html, body {height: 100%;text-align:center;}
body {padding:0;background-color: #A8C4EA;
font:12pt;background-image: url('/images/bgcontent.png');background-position: center 50%;background-repeat:repeat-y;text-align:center} 


img { border: none; }
a { color: #000000; font-size: 13px; text-decoration: none;}
a:hover { text-decoration: none; color : #ff0000; text-decoration: underline; font-size: 13px;}
a:visited { }

.metah1 {
border-bottom:1px solid #CCC;
background:#F4FED3 url('/images/fondogec.jpg') repeat-x;
}
h1.metas {
font:8pt arial;
color:#808080;
}

h2.tit {
font:bold 20px Arial, Helvetica, sans-serif;
color:#0046B0;
padding-bottom:17px;
}


.headerlog {
float:left;
width:300px;
}

#banderas {
margin-top:5px;
border:1px solid #CCC;
font:bold .60em/21px Verdana, Arial, Helvetica, sans-serif;
padding:0px;
}

#container_body {
margin:0 auto;
}


#banderas a:link, #banderas a:visited {
	color:#5C5C5C;
	display:block; 
	padding:4px;
	text-decoration:none;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}



.cajja {
border:1px solid #CCC;
font:12pt arial;
background: #fff url('images/menutop1.gif') repeat-x;
height:31px;
}

.cajja2 {
border:1px solid #CCC;
font:12pt arial;
background: #fff url('images/menutop2.gif') repeat-x;
height:22px;
}

H1.titular {
background: url('images/categorr.jpg') no-repeat;
font: bold 17px Arial; 
padding-top: 6px;
color: #000000;
border-color:#000000;
border-bottom:2px solid;
text-align: center;
height:23px;
}

a.st {
font: bold 18px Arial; 
color: #000000;
margin:0px;
padding:0px;
}

p.subboxx{
line-height:15px;
margin:3px;
padding:3px;
}

.boxx {
border:1px dashed;
border-color:#555555;
font-size:10pt;
color: #000099;
height:21px
}

.boxx2 {
border:1px dashed;
border-color:#555555;
font-size:10pt;
color: #000099;
height:70px
line-height:3px;
}

.subboxx {
font:normal 14px Arial; 
text-align: left;
}

/* =========== MENUSEC =========== */
#contenedor-menu_sec { 
	background:#f0f4ff url('/images/gec.jpg') repeat-x bottom; 
	width:100% 
}
#contenedor-menu_sec2 { 
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc; 
	margin:auto; 
	width:96%; 
	height:25px;
}
* html #menusec {font:normal /12px Verdana, Arial, Helvetica, sans-serif;}
* html #menusec ul {
	list-style:none;
	margin:0;
	overflow:hidden;
    padding:0;
    font-size: 5px;
}
#menusec li {
	background:url('/images/separador-negro2.jpg') no-repeat right;
	display:inline;
	float:left;
	    padding:4px 0;
	height:15px
}
#menusec a:link, #menusec a:visited {
	color:#063BB3;
	display:block;
	margin:0 10px; 
	padding:0;
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#menusec a:hover, #currentpage_menusec {background:url('/images/fondo-submenu.gif') repeat-x bottom;}


/* =========== MENUPPL =========== */
#contenedor-menuppl {
	background:#c2d4ff url('/images/sombra_celeste2-menuppl.jpg') repeat-x top; 
	width:100%
}
#contenedor-menuppl2 { 
	background:#000 url('/images/sombra_az-menuppl.jpg') repeat-x top;
	margin:auto; 
	text-align:center; 
	width:100%; 
	}
#menuppl {height:1.9375em;}
#menuprincipal {background:#0959ff url('/images/gradiente-menu-az.jpg') repeat-x;}
#menuprincipal ul {
	list-style: none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
#menuprincipal li {display:inline;}
#menuprincipal a:link, #menuprincipal a:visited, #menuprincipal h2 a:link, #menuprincipal h2 a:visited {
	color:#FFF;
	display:block;
	float:left;
	font:bold .70em/21px Arial, Helvetica, sans-serif;
	height:21px;
	padding:0 10px;
	text-decoration:none;
}
#menuprincipal a:hover, #currentpage_menuppl {background:#03C url('/images/gradiente-menu-az_over.jpg') repeat-x;}
.ayuda {
	float:right ! important;
	font-weight:normal ! important;
}
.ayuda img { vertical-align:middle; padding-right:5px; }
.inicio img { vertical-align:middle; float:left ! important; }
p.inicio {
width:100px;
margin:0;
padding:0px 10px 0px 5px;
color:#666666;
font:bold .80em/16px Arial, Helvetica, sans-serif;
}

p.ingresar {
width:380px;
margin:0;
padding:0px 10px 0px 5px;
color:#666666;
font:bold .80em/16px Arial, Helvetica, sans-serif;
}

#busquedazona { 
text-align:left; 
font:bold .80em/21px Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
margin-top:13px;
margin-bottom:19px;
margin-left:24px;
}


#sitemaps a:link, #sitemaps a:visited {
color:#999999;
font:bold 8px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

.titrub a:link, .titrub a:visited {
	color:#0073BF;
	font:bold 16px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	margin-top:3px;
	margin-bottom:3px;
	padding:0px;
	text-align:left; 
}
.titrub {
	color:#0073BF;
	font:bold 16px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	margin-top:3px;
	margin-bottom:3px;
	padding:0px;
	text-align:left; 
}


#sitemaps {
	color:#999999;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}



#wrap {
width: 788px;
}

#wrapcontent {
width: 770px;
}

#top {
background: #380202 url('imagestop.gif') no-repeat;
padding-left:0; padding-right:0; padding-top:15px; padding-bottom:15px
}

#header {
padding:5px;
}

#content {
background: #fff
}
#content h2 a {text-decoration: none; }

#left {
float: left;
width: 600px;
padding: 30px 0 10px 30px;
}
#left h2 { 
background: #fff url('images/sidebarh2.gif') no-repeat;
color: #fff; 
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 100;
height: 30px;
line-height: 30px;
padding-left: 10px
}
#left ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#left ul li { padding-bottom: 5px; }
#left ul li a { color: #2C4715; text-decoration: none;  }
#left ul li a:hover { color: #000; }

#center {
float: left;
width: 520px;
padding: 10px 0 0 10px;
}
#center2 {
float: left;
width: 100px;
padding: 10px 0 0 10px;
}
#center h2 {
background: #FFA500;
line-height: 30px;
font-size: 18px;
letter-spacing: -1px;
font-weight: 100;
padding : 00 10px 0;
}
#center h2 a { color: #fff; }
#center h2 a:hover { color: #ff0000; text-decoration: none; font-size: 9px;}
#center2 h2 a { color: #fff; }
#center2 h2 a:hover { color: #ff0000; text-decoration: none; font-size: 9px;}

#right {
float: right; 
width: 550px;
padding: 10px 30px 10px 0;
}
#right h2 { 
background: #fff url('images/sidebarh2.gif') no-repeat;
color: #005EB0; 
height: 30px;
line-height: 30px;
color: #fff;
padding-left: 10px;
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 100
}
#right ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #2C4715; text-decoration: none;  }
#right ul li a:hover { color: #000; }

#bottom { 
background: #3366CC;
padding: 0 0 0 0;
margin:0px;
margin-top:15px;
text-align: center;
font-size: 11px;
color: #fff;
}

#bottom a:hover, #bottom a, #bottom a:visited { 
color: #fff;
font-size: 11px;
}



#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.shadow{
border:1px solid #000000;
font:12pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow2{
border:2px solid #000000;
font:10pt arial;
padding:12px;
margin:15px;
background:#FDFECB;
position:relative;
display:inline;
z-index:50
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}



.letrachica{
font-size: 10pt;
}

.main {
padding-left:10px;
margin-bottom: 20px;
}

.main2 {
padding-left:40px;
margin-bottom: 20px;
}

.mainmenu {
padding-top:10px;
padding-left:35px;
padding-bottom:30px;
height:40px;
}


.curlycontainer{
border: 1px solid #b8b8b8;
background-color: #F1FED6;
margin-bottom: 1em;
width: 500px;
}

.curlycontainer .innerdiv{
background: url('images/brcorner.gif') no-repeat bottom right;
position: relative;
left: 2px;
top: 2px;
padding-left:5px; padding-right:4px; padding-top:1px; padding-bottom:15px
}
a.ovalbutton{
background: transparent url('images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ 
overflow: hidden;
width: 100%;
padding-top:15px;
}

a.tit{
font-size: 14px; 
color: #638002; text-decoration: none;
}

.tit3{
font-size: 16px; 
color: #ff0000; text-decoration: none;
font-weight: bold;
}

.tit4{
font:14pt arial;
color: #000000; text-decoration: none;
font-weight: bold;
padding-top:14px;
padding-bottom:15px;
}

a:hover.tit{
font-size: 16px; 
color: #ff0000; text-decoration: none;
}

.banderas {
text-align: center;
padding-bottom:15px;
font-weight: bold;
}

.avisos2 {
text-align: center;
font-weight: bold;
padding-top: 30px;
font-size: 16px; 
}

.sep1 {
padding-top:3px;
}		

.sepp {
padding:2px;
text-align:justify;
font-size: 19pt;
color: #ACAEC4;
margin:0px;
}

.loginbox {
		padding:0;
		margin:0;
		margin-left:5px;
		border: #78A5D1;
		border-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		background-color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial;
		font-size: 11px;
		color: #000000;
}

.loginbox2 {
		padding:0 0 0 0;
		margin:0 0 0 0;
		border: #78A5D1;
		border-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		background-color: #F0F8FF;
		font-family: Arial, Verdana;
		font-weight: bold;
		font-size: 10px;
		height:15px;
		color: #000000;
}

.loginboxreg {
		padding:3px;
		margin:0px;
		margin-left:5px;
		border: #2C2C2C;
		border-style: solid;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		background-color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial;
		font-size: 13px;
		color: #2C2C2C;
}