* {
padding: 0;
margin: 0;
} 

body {
margin:0;
padding: 0;
background: url(images/backg.jpg) repeat;
color: #999;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
line-height: 24px;
}

a {text-decoration: none; color: #000;}
a:hover {  color: #222; }

#contenido {
width: 980px;
background: #fff;
margin: 20px auto;
padding: 10px;
border: 2px solid #000;
}

#header {
width: 980px;
height: 240px;
margin: 0px auto;
background: #E6E0E0;
border: 1px solid #000;
}

#menu {
background: #111 url(images/menu.jpg) repeat-x;
width: 982px;
height: 30px;
line-height: 30px;
margin: 0px auto;
}

#menu li {
float: left;
list-style-type: none;
border-right: 1px solid #444;
}

#menu li a {
display: block;
padding: 0 20px;
color: #fff;
font-weight: 600;
text-decoration:none;
letter-spacing: 1px;
}

#menu li a:hover {
background: #333 url(images/menuover.jpg) repeat-x;
color:#fff;
text-decoration:none;
}

.menu2 {
float: left;
width: 170px;
padding: 10px;
line-height: 14px;
}
.menu2 h2 {
margin-top: 10px;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
font-weight: 600;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.menu2 ul  {
color: #999;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 20px;
text-decoration: none;	
list-style-type:square;	
}
.menu2 ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.menu2 ul a {
font-weight: 600;
color: #173D7F;
}
.menu2 ul a:hover { color : #666 }

.cuerpo { 
color: #000;
float: left;
width: 560px;
padding: 10px;
margin-right: 20px;
}
.cuerpo h2 {
padding: 2px 0 5px 0px; 
font: bold 15px "Trebuchet MS", Verdana, Tahoma, sans-serif;
color: #173D7F;
text-transform: uppercase;
border-bottom: 1px dotted #999;
margin-bottom: 5px;
margin-top: 10px;
}

.cuerpo h3 {
padding: 2px 0 5px 0px; 
font: bold italic 13px "Trebuchet MS", Verdana, Tahoma, sans-serif;
color: #173D7F;
border-bottom: 1px dotted #999;
margin-bottom: 10px;
margin-top: 10px;
}

ul.contenidos {
padding-left: 20px;
text-decoration: none;	
list-style-type:square;	
}

.cuerpo ul a {
font-weight: 600;
color: #173D7F;
}
.cuerpo ul a:hover { color : #666 }

.menu3 {
float: right;
width: 170px;
padding: 10px;
line-height: 14px;
}
.menu3 h2 {
margin-top: 10px;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
font-weight: 600;
padding: 5px 0 5px 5px; 	
border-bottom: 1px dotted #999;
}
.menu3 ul  {
color: #999;
font: 12px "Trebuchet MS", Verdana, Tahoma, sans-serif;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 20px;
text-decoration: none;	
list-style-type:square;	
}
.menu3 ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
.menu3 ul a {
font-weight: 600;
color: #173D7F;
}
.menu3 ul a:hover { color : #666 }


table.novia {
	border-width: 1px 1px 1px 1px;
	border-spacing: 15px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	border-collapse: collapse;
	background-color:#E6E0E0;
}

table.novia td {
	width: 150px;
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-top: 1px dotted gray;
	border-bottom: 1px dotted gray;
	background-color:#E6E0E0;
}
table.novia td:hover {
	background-color: #EEE;
}

#footer { 
background: #222;
color: #eee;
margin-top:20px;
height: 30px;
line-height: 30px;
text-align: center;
}
#footer a {  color: #aaa; text-decoration: none; }
#footer  a:hover { color: #777; }

#contact-area {
	width: 450px;
	margin-top: 25px;
}

#contact-area fieldset        {padding:3px; margin:0; border: none;}

#contact-area legend          {color:#333; padding:3px; margin:0; font-size:12px;font-weight:400;}

#contact-area input           {width:450px;}

#contact-area input, textarea        
{border:1px solid #ccc; padding: 3px; margin:10px;}

#contact-area textarea:focus  {background:#ffc;}

#contact-area textarea        {font:12px Verdana, Arial, Helvetica, sans-serif;}

#contact-area label           {display:block;margin:10px;font-weight:500;font-size: 12px; float:left; clear:left;}

#contact-area label:after     {content:": ";}

#contact-area button          {display:block;float:right;clear:both;margin:10px;}

/*
 * User feedback
 -----------------------*/
#contact-area .yay, .oops     {font-size:12px;text-align:center;padding:10px;color:#fff;font-weight:700;}
#contact-area .yay            {background:#173D7F;}
#contact-area .oops           {background:#173D7F;}
#contact-area div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}

/*
 * Captcha
 -----------------------*/
#contact-area img            {border:1px solid #777;margin:0 0 0 90px;display:block;}
#contact-area h3             {font-size:12px;font-weight:400;margin:10px;}
}