/* colores
claro 3399FF
oscuro F09
*/
.rosa {color:#F09;}
body {
font-size:12px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#333;
background:#FFF;
margin:0;
padding:0;
line-height:150%;
}
.deco_pagina {width:770px; margin: 0 auto;}
.pagina {background: #EEE;}

.cabecera {height:110px; padding:0px; background-color:#FFF; background-position: center top; background-repeat: no-repeat;}
.cabecera h1 {color:#FFF; margin:0; padding:0;}
.cabecera h1 a {color:#FFF; text-decoration:none; display:block; width:260px; height:110px;background:#FFF url(logo_cab.gif) left center no-repeat;}
.cabecera h1 a span{ display:none;}
.slogan {margin:20px 0 0 0; float:right; width:300px; color:#F09; font-size:22px; text-align:right; line-height:140%;}

.menu {background:#F09; display:block; margin:0; padding:0; border-bottom:2px solid #999; font-weight:bold; font-size:12px;}
.menu ul {display:block; margin:0; padding:0;}
.menu ul li {display:block; float:left; margin:0; padding:0;}
.menu ul li a:link, .menu ul li a:visited {background:#F09; color:#FFF; padding:10px 15px 10px 15px; display:block; float:left; text-decoration:none;}
.menu ul li a:hover, .menu ul li a:active {background:#333;}
.menu ul li a span {}

.contenidos {padding:20px;}

a:link, a:visited {color:#333;}
a:hover, a:active {color:#F09;}

a.btn:link, a.btn:visited {padding:3px 5px 3px 5px; background:#F09; color:#FFF; font-weight:bold; text-decoration:none;}
a.btn:hover, a.btn:active {padding:3px 5px 3px 5px; background: #F09; color:#000; font-weight:bold; text-decoration:none;}

.contenidos ul {margin: 0 0 15px 5px;padding:0 0 0 10px;}
.contenidos ul li {margin: 0 0 5px 0;line-height:140%;list-style-type:square;list-style-position: outside;padding:0;}

.destacado {padding: 5px; border:1px solid #999; background:#CCC; color:#000;}
.destacado a {color:#000;}

h2 {font-size: 18px; color:#F09; font-weight:bold; margin:0 0 10px 0; padding:0;}
big {font-size:14px; font-weight:bold;}
small {font-size: 11px;}

.avisos {text-align:right; padding:0 20px 5px 20px; clear:both; margin:0; font-size:10px;}
.pie {color:#FFF; background:#F09 url(logo_pie.gif) right top no-repeat; padding:15px 15px 0 15px; font-size:11px;}
.pie a:link, .pie a:visited {color: #FFF;}
.pie a:hover, .pie a:active {color: #333;}

.creditos {background: #666; color:#000; font-size:10px; padding:5px;}
.creditos a {color:#000;}

.img_right {border: 1px solid #CCC;	padding:2px; background:#FFF;float:right; margin: 0 0 20px 20px;}
.img_left {border: 1px solid #CCC; padding:2px; background:#FFF;float:left; margin: 0 20px 20px 0; }

form {margin:0;	padding: 0;}
.campo {border: 1px solid #CCC; padding:2px; margin:0;}
.btn_form {background:#F09; margin:0; padding:3px 5px; color:#FFF; border:none; font-weight:bold;}
#result {font-size:15px; font-weight:bold; color:#F09; line-height:120%;}

.clearer{clear: both;height: 0;max-height: 0;overflow: hidden;} 
p {padding:0 0 15px 0; margin:0;}
a img {border:none;}