* {
    padding: 0;
    margin: 0;
} 

body {
background: #3366CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}

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

#wrap {
width: 800px;
margin: 10px auto;
}

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

#header {
text-align: left;
background: #380202 url('images/header.gif') no-repeat;
height: 100px
}
#header h1 {
padding: 20px 0 0 40px;
font-size: 25px;
letter-spacing: -2px;
}
#header h1 a {
color: #bbb;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #fff;
}
#header img {
padding-left: 45px;
}
#header h2 {
padding-left: 42px;
font-size: 17px;
color: #eee;
font-weight: 100;
}

#content {
background: #380202 url('images/content.gif') repeat-y;
}
#content h2 a {text-decoration: none; }

#left {
float: left;
width: 180px;
padding: 10px 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: 360px;
padding: 10px 0 0 10px;
}
#center2 {
float: left;
width: 520px;
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: 180px;
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 url('images/bottom.gif') no-repeat;
padding-left:0; padding-right:0; padding-top:15px; padding-bottom:15px
}

#footer {
padding: 0 0 0 0;
margin:0px;
text-align: center;
font-size: 11px;
color: #eee;
}
#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
}

.commentbox{
background-color: #FFFF99;
width: 420px;
padding: 10px;
border:1px solid #666666;
}

.commentfooter{
background: url('images/arrow.gif') no-repeat 20px -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{
background-color: #D8E1FA;
width: 420px;
padding: 10px;
border:1px solid #666666;
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;
}

.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
}

#tabs {
	float:left;
	width:97%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	margin-bottom:7px; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url('images/left.png') no-repeat left top;
	margin:0;
	text-decoration:none; padding-left:6px; padding-right:0; padding-top:0; padding-bottom:0
	}

#tabs a span {
	float:left;
	display:block;
	background:url('images/right.png') no-repeat right top;
	margin-right:2px;
	color:#FFF; padding-left:6px; padding-right:15px; padding-top:6px; padding-bottom:4px
	}


#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
	
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; 
}