@charset "utf-8";
/* CSS Document */

@import url("reset.css"); 


body {background-color: #666; font: 12px Arial, Helvetica, sans-serif; color: #383838; }
p {	 font: 12px Arial, Helvetica, sans-serif; color: #383838; line-height: 18px;}
strong, b { font-weight: bold; }
a, a:link, a:visited, a:active { font: 12px Arial, Helvetica, sans-serif; color: #C5A300; text-decoration: underline; }
a:hover { text-decoration: underline; }
h1 { color: #383838; font-size: 18px; font-weight: normal; margin: 10px;  }
h2 { color: #555; font-size: 15px; font-weight: bold; margin: 10px;  }

#MainContainer { width: 900px; margin: 0px auto; padding: 8px 0 15px 0;  background: #fff url(../images/bgHeader.gif) no-repeat; background-position: right 78px; }

#Header { width: 855px; height: 70px; margin: 0px 34px 17px 13px;}
#Header img { margin-left: 20px;}
.Logo { margin: 0px 425px -55px 0px!important; }


#MainNavigation { width: 887px; height: 33px; padding-top: 7px; margin: 17px 0 17px 14px; background: #666 url(../images/bgNav.jpg) repeat-y; }
#MainNavigation .Separador { width: 2px; height:16px; margin: 3px 5px 14px 5px!important; }
#MainNavigation .Corner { margin: -8px 10px 0 0; }

#MainStage { width: 875px; height: 288px; margin: 0 14px 14px 14px; }
#StagesContainer {  width: 875px;  margin: 5px 14px 0px 14px; display: inline; }
.StagesTop { background: transparent url(../images/bgStagesTop.gif) no-repeat; width: 280px; height: 15px;  }
.Stages { background: transparent url(../images/bgStages.jpg) repeat-x; width: 280px; height: 200px; }
.Stages img { margin: 0 15px; }
.Stages p { padding: 10px 20px;  }

#BreadCrumb { width: 865px; font-size: 10px; text-align: right; color: #666; padding: 0 0 8px 0; }
#BreadCrumb b { color: #ccc; font-weight: normal;}
#BreadCrumb strong { color:#c5a300; font-weight: bold; font-size: 11px; margin: 0px 5px;}
#BreadCrumb a{ color: #333; text-decoration: none; font-size: 10px;}
#BreadCrumb a:hover { text-decoration: underline;}



#InteriorContent { width: 875px; height: 608px; margin: 0 14px 14px 14px; }
#AlianzasContent { width: 875px; height: 678px; margin: 0 14px 14px 14px; }

#Planes { width: 875px; height: 608px; margin: 0 14px 14px 14px; }
#Planes ul { width: 275px; height: 300px; background: url(../images/bgSecondaryNav.jpg) no-repeat; float: left; margin-top: -23px;}
#Planes ul img { margin: 20px; }
#Planes ul li { margin: 1px 0 1px 23px; height: 33px;}

#Planes ul li img { margin: 0!important; }

.Planes {  float: right; background: #fff url(../images/bgInteriores.jpg) repeat-x; width: 580px; margin-right: 5px;}
.Planes img { float: right; margin-left: 20px; }
.Planes .btn { float: right; margin-right: 220px; }
.Planes h1 { margin: 20px 0 35px 10px; clear: both; }
.Planes p { margin: 10px 20px; line-height: 20px; float: none;}
.Planes p img { margin: 0!important; float:none!important;}
.Planes ul { width: auto!important; background: none!important; margin: 10px 20px!important; height: auto!important; }
.Planes ul li { line-height: 20px; height:auto!important; padding-left: 20px; margin: 10px!important; background: url(../images/bull01.gif) no-repeat; background-position: 0px 2px; }
.Planes ul.check { width: auto!important; background: none!important; margin: 10px 20px!important; height: auto!important; width: 500px!important; }
.Planes ul.check li { line-height: 20px; height:auto!important; padding: 0px 0 2px 20px;  margin: 10px!important; background: url(../images/bull02.gif) no-repeat; background-position: 0px 3px; }



.Qsomos { float: right; background: #fff url(../images/bgInteriores.jpg) repeat-x; width: 582px; margin-right: 5px;}
.Qsomos p { line-height: 22px; margin: 15px 35px; }
.Qsomos h1 {margin-top: 25px; }
.RightImage { float: left; }

.Alianzas { width:500px; margin: 25px; }
.Alianzas td { padding: 30px 0 10px 25px;  }
.Alianzas th { padding: 20px 0 0 0; }



.Left { background: transparent url(../images/esqTopLeft.gif) no-repeat; background-position: top left; }
.Right { background: transparent url(../images/esqTopRight.gif) no-repeat; background-position: top right;  }

#Contact {  width: 875px; height: 498px; margin: 0 14px 14px 14px; }

.Contact { float: left; background: #fff url(../images/bgInteriores.jpg) repeat-x; width: 300px;}
.Contact p { margin: 10px; }
.Contact img { margin: 0; padding: 0; }
.Contact .Tel { color: #666; font-size: 14px; font-weight: bold; background: transparent url(../images/iconTel.gif) no-repeat; background-position: top left; padding:0 0 0 30px; }
.Contact .Mail { font-size: 12px; background: transparent url(../images/iconMail.gif) no-repeat; background-position: top left; padding:0 0 0 30px; }
.Contact .Address { background: transparent url(../images/iconAddress.gif) no-repeat; background-position: top left; padding:0 0 0 30px; }
.Contact td { padding: 5px 2px; }

.ContactForm { float:right; width: 500px; margin-right:25px; border: 1px dotted #ccc; }
.ContactForm td {padding: 20px;  }

.tdTextfieldLabel {color: #333; font-weight: bold; padding: 8px 4px 6px 5px !important; text-align: right; vertical-align: top; }
.tdTextfield { padding: 5px 0 5px 10px !important; text-align: left; }
.tdCheckboxfield { color: #666; font-weight: bold; padding: 2px 6px!important; text-align:left; }
.tdCheckboxfield label { margin: 0 8px 10px 0; }
.inputSelect { color: #666; margin: 3px 5px 0 0; font-size: 12px; width: 180px; }
.inputField { width: 180px; color: #555; border: 1px solid #cbcbcb; padding: 2px 3px 2px 3px; margin: 0 3px 0 0; font-size: 12px; }
.inputField:focus { background-color: #fffff0; }
.inputTextarea { border: #BACACD 1px solid; width: 250px; height: 75px; padding: 2px 3px 2px 3px; margin: 0 10px 0 0; font-size: 12px; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; }
.inputPrimaryButton { color: #333; border: 1px solid #fff; font-size: 12px; font-weight: bold; padding: 1px 3px; background: #fff url(../images/btn_Send.gif) repeat-x; margin: 5px; width: 105px; height: 30px; }
.inputSecondaryButton { color: #333; border: 1px solid #fff; font-size: 12px; font-weight: bold; padding: 1px 3px; background: #fff url(../images/btn_Cancel.gif) repeat-x; margin: 5px; width: 105px; height: 30px;}

.inputPrimaryButton:active { border: 1px solid #fff; }

#Footer { width: 900px; margin: 0px auto; padding: 25px 0 15px 0;  background: #666 url(../images/bgFooter.gif) repeat-x; color: #b4b4b4; }
#Footer strong { padding: 0 90px 0 25px; font-weight: normal; }
#Footer strong b { color: #f9eca5; }
#Footer img { margin: -25px 0; *margin: -40px 0 0 0; float: right; }
#Footer a img { margin: 0!important; *margin: -13px 0 0 0!important; }