/* Generales */
html {background: top url(/tpl/v1/images/common/background.jpg) repeat-x;}
body { margin: 0; font-family: Verdana; font-size: 11px; color: #777; background: top center url(/tpl/v1/images/common/content_background.jpg) no-repeat;}
img {border: none;}
a {color: #3b9932; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline; color: #3f6d28;}
ul {margin:0; padding: 0;}
li {margin: 0; padding: 0; list-style: none;}
p {float: left; margin: 0; margin-bottom: 10px;}
.clear {clear: both;}

/* Estructura Gral del Sitio */
#mainContainer { width: 1000px; margin: auto;}
#header {float: left; width: 996px; height: 74px; overflow: hidden;}

/* Header */
#contactInfo {float: right;}
#contactInfo ul {margin-top: 15px;}
#contactInfo li {text-align: right; color: #3b9932;}

/* BackLink */
#backLink {float: left; color: #3b9932; height: 24px; overflow: hidden; margin-bottom: 5px; width: 450px;}
#backLink li {float: left;}
#backLink a {display: block; height: 24px; padding-right: 15px; padding-left: 10px; padding-top: 4px; background: top right url(/tpl/v1/images/common/separador.jpg) no-repeat;}
#backLink a:hover {text-decoration: none;}
#backLink li h1 {float: left; margin: 0; padding: 4px 0 0 10px; font-size: 11px; font-weight: normal;}
#backLink li span {float: left; padding: 4px 0 0 10px;}

/* Top Menu */
#topMenu {float: right; height: 24px; overflow: hidden; margin-bottom: 5px; width: 550px;}
#topMenu li {float: right;}
#topMenu a {display: block; height: 24px; padding: 4px 8px; border-right: 1px solid #6BBC43;}
#topMenu a:hover {text-decoration: none; background: top right url(/tpl/v1/images/common/top_menu_on.jpg) repeat-x;}

/* Bottom Menu */
#bottomMenu {float: left; width: 996px; overflow: hidden; margin-top: 5px; border-top: 1px solid #ccc;}
#bottomMenu a {float: left; display: block; padding: 2px 8px; color: #aaa;;}
#bottomMenu a:hover {text-decoration: none; color: #555;}

/* Copyright */
#copyRight { float: left; font-size: 9px; margin-left: 8px;}

/* Index de los Micrositios */
.smallPanelContainer {float: left; width: 210px;}
.smallPanel {float: left; margin: 5px; width: 200px;}
.smallPanel h4 {font-size: 10px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #ddd; color: #ccc;}
.smallPanel span {float: left; font-size: 10px; margin-left: 10px;}
.smallPanel span a {display: block; padding: 5px; color: #999; text-decoration: none; border-bottom: 1px dotted #ccc;}
.smallPanel span a:hover {color: #555; border-bottom: 1px solid #777;}

.bigPanel {float: right; margin: 5px; width: 772px; background: white; border: 1px solid #ccc;}
.bigPanel h1 {font-size: 10px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #ddd; text-align: right; color: #ccc;}
.bigPanel h2 {font-size: 12px; margin: 0; margin-top: 5px; padding: 5px 0 0 0; background: none; border-bottom: 1px solid #ccc;}
.bigPanel p {margin-top: 5px;}

.textContainer {float: left; width: 500px; margin-left: 15px;}
.textContainer ul {float: left;}
.textContainer li {margin: 5px 15px; margin-left: 30px; list-style: square;}
.textContainer li b {color: #3b9932;}

.textContainer .input {float: left; width: 400px; padding: 5px 10px; margin: 5px; border: 1px solid #ccc; color: #777; font-family: verdana; font-size: 12px;}
.textContainer input {float: left; width: 200px; margin: 10px;}


.rightimage {float: right; margin-right: 10px; width: 230px;}

.extrasPanel {float: right; margin: 5px; width: 564px; background: white; border: 1px solid #ccc;}
.extrasPanel h1 {font-size: 10px; margin: 0; padding: 5px 10px; border-bottom: 1px solid #ddd; text-align: center; color: #999;}
.extrasPanel h2 {float: left; font-size: 12px; margin: 0; padding: 5px 0;}
.extrasContainer {margin: auto; width: 400px;}
.screenshoot {float: left; width: 80px; height: 80px; margin-right: 10px; background: #ccc;}

/* Banners */
h2 {margin: 0; padding: 3px 10px 0 10px; height: 24px; font-size: 12px; background: url(/tpl/v1/images/common/headline_background.jpg) repeat-x;}
h3 {margin: 5px 0 0 0; padding: 0 10px; font-size: 10px; font-weight: normal; color: #777;}

.fullBanner {width: 652px; height: 300px; float: left; margin: 5px; border: 1px solid #ccc; background: white;}
.fullBanner a {display: block; width: 648px; height: 296px; border: 2px solid transparent;}
.fullBanner a:hover {border: 2px solid #ADE65D; text-decoration: none;}

.dualBanner {width: 652px; height: 150px; float: left; margin: 5px; border: 1px solid #ccc; background: white;}
.dualBanner a {display: block; width: 648px; height: 146px; border: 2px solid transparent;}
.dualBanner a:hover {border: 2px solid #ADE65D; text-decoration: none;}

.aditionalBanner {width: 320px; height: 300px; float: left; margin: 5px; border: 1px solid #ccc; background: white;}
.aditionalBanner a {display: block; width: 316px; height: 296px; border: 2px solid transparent;}
.aditionalBanner a:hover {border: 2px solid #ADE65D; text-decoration: none;}

.aditionalBanner span {float: left; font-size: 10px; margin: 5px 10px;}
.aditionalBanner a span {display: block; color: #777; text-decoration: none; font-weight: normal;}
.aditionalBanner a:hover span {color: #555;}

.aditionalBanner i {float: left; width: 296px; margin: 0; padding: 3px 10px 0 10px; height: 24px; font-size: 12px; background: url(/tpl/v1/images/common/headline_background.jpg) repeat-x;}

.threeBanner {width: 320px; height: 150px; float: left; margin: 5px; border: 1px solid #ccc; background: white;}
.threeBanner a {display: block; width: 316px; height: 146px; border: 2px solid transparent;}
.threeBanner a:hover {border: 2px solid #ADE65D; text-decoration: none;}

.threeBanner span {float: left; font-size: 10px; margin: 5px 10px;}
.threeBanner a span {display: block; color: #777; text-decoration: none; font-weight: normal;}
.threeBanner a:hover span {color: #555;}

.threeBanner i {float: left; width: 296px; margin: 0; padding: 3px 10px 0 10px; height: 24px; font-size: 12px; background: url(/tpl/v1/images/common/headline_background.jpg) repeat-x;}

.sideBanner {width: 200px; float: left; margin: 5px; border: 1px solid #ccc; overflow: hidden;}
.sideBanner a {display: block; width: 200px; height: 100px; border: 2px solid transparent;}
.sideBanner a:hover {border: 2px solid #ADE65D; text-decoration: none;}

.rightMenu {float: left; width: 240px;}
.rightMenu h4 {margin: 0; padding: 5px 10px 0 10px; }
.rightMenu i {float:left; width: 200px; margin: 0; padding: 5px 10px 0 10px; font-style: normal;}
.rightMenu span {float:left; width: 200px; margin: 0; padding: 0 10px 5px 10px; }
.rightMenu a span {font-weight: normal; padding-bottom: 5px;}

.rightMenu h4 {border-bottom: 1px solid #aaa; width: 200px;}

.rightMenu a {float: left; border: 1px solid transparent; width: 220px;  border-bottom: 1px dotted #ccc;}
.rightMenu a:hover {background: #f7f7F7; border: 1px solid #ccc; text-decoration: none;}
.rightMenu a i, .rightMenu a span {float: left; margin-left: 5px; padding-right: 10px; border-bottom: 1px solid transparent;}

.rightimage a img {margin-top: 10px;}

.contratarAhora {float: left; width: 500px; border-top: 1px solid #bbb; padding: 10px 0;}
.contratarAhora ul {float: left; list-style: none; width: 270px;}
.contratarAhora li {float: right; list-style: none; margin: 1px 0; margin-right: 10px;}
.contratarAhora img {float: left;}