@charset "utf-8";

/* CSS Document */
body {
	font-family: Tahoma, "Myriad Pro", Myriad, Verdana, Arial, Helvetica, sans-serif;
	background-color: #C2D188;
}

#contento {
	background-color: #FFFFFF;
	background-image: url(../images/mainBG.gif);
	background-repeat: repeat-x;
}
#header {
	background-color: #FFFFFF;
	background-image: url(../images/headerBG.gif);
	background-repeat: repeat-x;
	height: 200px;
}
#logo {
	background-image: url(../images/logo.jpg);
	height: 200px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	width: 950px;
}
.homePic {
	float: left;
	border: 0 none;
}
#mainMenu {
	background-image: url(../images/top101bg.gif);
	height: 95px;
	width: 700px;
	background-repeat: no-repeat;
	float: right;
	background-position: 40px 0;
}
#menuItems {
	margin-top: 98px;
	font-size: 14px;
	text-align: right;
}
.menuItem {
	float: left;
	padding: 21px 0 21px 9px;
	display: block;
}
#fForm {
	height: 480px;
	width: 210px;
	margin-left: 25px;
}

#ancho a {
	background-image: url(../images/menuOnb.gif);
	background-position: center 30px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #778154;
	font-weight: bold;
	padding: 24px 0 24px 0;
	display: block;
	float: right;
}
#ancho a:hover {
	font-weight:bold;
	background-image: url(../images/menuOnb.gif);
	background-position: center 0px;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #997806;
	padding: 24px 0 24px 0;
	display: block;
	float: right;
}
.sep {
	float: right;
	padding-top: 24px;
	padding-right: 8px;
	padding-left: 8px;
	font-weight: normal;
	color: #999999;
}
.limitador {
	margin:0 auto 0 auto;
	width: 950px;
}
.s2col {
	margin:0 auto 0 auto;
	width: 950px;
}
.s3col {
	margin:0 auto 0 auto;
	width: 950px;
}
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
}
#bannerTxt {
	float: right;
	text-align: justify;
	width: 630px;
	font-size: 14px;
	line-height: 20px;
	color: #666b51;
}
#bannerTxt h1 {
	font-size: 16px;
	font-weight: bold;
}

#banner {
	background-color: #FFFFFF;
}
#franja {
	height: 75px;
	background-position: 15px;
}
#izqTit {
	height: 110px;
	width: 260px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	display: inline;
	background-image: url(../images/izqBg.png);
}
#cenTit {
	background-image: url(../images/cenBg.png);
	height: 110px;
	width: 260px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 80px;
	display: inline;
}
#derTit {
	background-image: url(../images/derBg.png);
	height: 110px;
	width: 260px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 80px;
	display: inline;
}
.los2fondos {
	background-image: url(../images/2colBG.gif);
	background-repeat: repeat;
}
.los3fondos {
	background-image: url(../images/3colBG.gif);
	background-repeat: repeat;
}
.cleaner2col {
	clear: both;
	height: 1px;
	font-size: 1px;
	background-image: url(../images/2colBG.gif);
	background-repeat: repeat;
}
.cleaner3col {
	clear: both;
	height: 1px;
	font-size: 1px;
	background-image: url(../images/3colBG.gif);
	background-repeat: repeat;
}
.frstCol {
	width: 250px;
	float: left;
	display: inline;
	margin-left: 10px;
	color: #666b51;
}
.w260Col {
	width: 250px;
	float: left;
	display: inline;
	margin-left: 90px;
	color: #666b51;
}
#contento .s3col h2 {
	font-size: 18px;
	margin-left: 15px;
	line-height: 22px;
}
#contento .s3col p {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}
#promo1 {
	height: 110px;
	width: 260px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	display: inline;
	background-image: url(../images/fackBg.png);
}
#promo2 {
	background-image: url(../images/childsBG.png);
	height: 110px;
	width: 260px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 80px;
	display: inline;
}
#promo3 {
	background-image: url(../images/confBg.png);
	height: 110px;
	width: 260px;
	background-repeat: no-repeat;
	float: left;
	margin-left: 80px;
	display: inline;
}

.frstEnd {
	background-image: url(../images/endBG.png);
	background-repeat: no-repeat;
	float: left;
	width: 260px;
	margin-left: 10px;
	height: 30px;
	display: inline;
}
.textLink {
	color: #777053;
	font-weight: bold;
	text-decoration: none;
}
a:link.textLink {
	color: #777053;
	font-weight: bold;
	text-decoration: none;
}
a:visited.textLink {
	color: #777053;
	font-weight: bold;
	text-decoration: none;
}
a:hover.textLink {
	color: #836B47;
	font-weight: bold;
	text-decoration: none;
}
.w250End {
	background-image: url(../images/endBG.png);
	float: left;
	width: 260px;
	margin-left: 80px;
	background-repeat: no-repeat;
	display: inline;
	height: 30px;
}
#footer {
	height: 145px;
	background-image: url(../images/footerBG.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.cubo {
	background-image: url(../images/cubo.gif);
	background-repeat: no-repeat;
	float: right;
	display: inline;
	height: 145px;
	width: 110px;
}
.submenu {
	font-size: 12px;
	float: left;
	margin-top: 45px;
	color: #666b51;
	display: inline;
	margin-left: 10px;
}
.submenu a {
	color:#89945d;
	font-size: 12px;
	margin-top: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submenu a:link{
	text-decoration: none;
	color: #666b51;
}
.submenu a:visited {
	text-decoration: none;
	color: #666b51;
}
.submenu a:hover {
	text-decoration: none;
	color: #9AA083;
}	
.submenu a:active{
	text-decoration: none;
	color: #9AA083;
}
.creditos {
	color: #89945d;
	font-size: 12px;
	margin-top: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.creditos a{
	color: #89945d;
	font-size: 12px;
	margin-top: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.creditos a:link{
	text-decoration: none;
	color: #89945d;
}
.creditos a:visited {
	text-decoration: none;
	color: #89945d;
}
.creditos a:hover {
    text-decoration: none;
	color: #ffffff;
}	
.creditos a:active{
	text-decoration: none;
	color: #565C3A;
}

.mainCol {
	float: left;
	margin-left: 10px;
	width: 600px;
	display:inline;
	font-size: 14px;
	text-align: justify;
	line-height: 20px;
}
.sidePanel {
	float: right;
	width: 250px;
	margin-right: 10px;
	font-size: 12px;
	text-align: justify;
	line-height: 20px;
	margin-top: 50px;
	display: inline;
}
.fotoBox {
	float: right;
	width: 265px;
	margin-right: 10px;
	margin-top: 25px;
	display: inline;
	height: 265px;
	border: solid 6px #f2e08f;
}
#habilArea {
	float: left;
	height: 240px;
	width: 480px;
	margin-bottom: 50px;
}
#aster {
	float: right;
	height: 400px;
	width: 320px;
	margin-top: 40px;
}

#habilimetro {
	float: left;
	height: 60px;
	width: 486px;
	margin-bottom: 15px;
}
#habilimetro1 {
	float: left;
	height: 60px;
	width: 486px;
	margin-bottom: 15px;
}
#habilimetro2 {
	float: left;
	height: 60px;
	width: 486px;
	margin-bottom: 15px;
}
#habilimetro3 {
	float: left;
	height: 60px;
	width: 486px;
	margin-bottom: 15px;
}
#habilimetro4 {
	float: left;
	height: 60px;
	width: 486px;
	margin-bottom: 15px;
}
#habilimetro5 {
	float: left;
	height: 60px;
	width: 486px;
	margin-bottom: 15px;
}



.sidePanel p {
	margin-right: 15px;
	margin-left: 15px;
	text-align: left;
	color: #666b51;
	margin-top: -17px;
}
.demostracion {
	float: left;
	height: 460px;
	width: 435px;
	background-image: url(../images/demo1.jpg);
	margin-bottom: 20px;
}

.spTop {
	background-image:url(../images/TxtBg.png);
	background-repeat:no-repeat;
	width:260px;
	height:19px;
}
.sidePanelTextBox {
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 40px;
}

.spMid{
	background-image:url(../images/260pxBG.gif);
	background-repeat:repeat-y;
	width:260px;
}
.spEnd {
	background-image: url(../images/endBG.png);
	height: 25px;
	width: 260px;
	background-repeat: no-repeat;
}
.puntico {
	height: 15px;
	width: 15px;
	background-image: url(../images/puntico.gif);
	background-repeat: no-repeat;
	margin-left: 15px;
}
.puntico2 {
	height: 20px;
	width: 20px;
	background-image: url(../images/puntico2.gif);
	background-repeat: no-repeat;
}
.puntico3 {
	height: 20px;
	width: 20px;
	background-image: url(../images/puntico3.gif);
	background-repeat: no-repeat;
}
.puntico4 {
	background-image: url(../images/puntico4%20.gif);
	height: 15px;
	width: 15px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin-left: 15px;
	margin-top: 8px;
}

.mainCol h2 {
	font-size: 24px;
	color: #515540;
	margin-left: 30px;
	margin-top: -20px;
}
.mainCol  h4 {
	font-size: 24px;
	color: #515540;
	margin-top: -20px;
}
.Prog p{
	float: left;
	display: inline;
	width: 560px;
	margin-left: 10px;
	height: 50px;
}
.mainCol h3 {
	font-size: 14px;
	color: #515540;
	margin-top: 25px;
	font-weight: bold;
}
.mainCol p {
	font-size: 14px;
	color: #666b51;
	margin-top:5px;
}

.Prog {
	float: left;
	display: inline;
	margin-top: 10px;
}
.p2   {
	font-weight: bold;

}
.ctTop {
	background-image: url(../images/ctTop.gif);
	height: 20px;
	width: 570px;
	background-repeat: no-repeat;
	margin-top: 40px;
	float: right;
	margin-left: 170px;
	display: inline;
}
#ctMid {
	background-image: url(../images/ctMid.gif);
	float: right;
	background-repeat: repeat-y;
	margin-left: 170px;
	display: inline;
	width: 570px;
	padding-left: 25px;
}
.table {
	float: right;
	display: inline;
	margin-top: -180px;
	margin-right: 20px;
}
.formTxt {
	font-size: 14px;
	margin-top: 20px;
	color: #666b51;
}


.ctCom {
	float: right;
	display: inline;
	margin-top: -160px;
}

.ctEnd {
	background-image: url(../images/ctEnd.gif);
	float: right;
	height: 20px;
	width: 570px;
	margin-left: 170px;
}
#form{
	width:632px;
	height:210px;
	margin-top:50px;
	float:right;
	display:inline;
}
#direct{
	float:left;
	display:inline;
	margin-top:60px;
}
#contForm{
	width: 940px;

}
#contForm2{
	width: 920px;
	padding-left:31px;

}
.limitador .promoLink {
	float: right;
	display: inline;
	width:139px;
	height:88px;
	margin-left:40px;
	margin-right:35px;
}
#form02 {
	background-color: #DAE8A3;
	height: 230px;
	width: 630px;
	float: right;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#form02 .bTit {
	width: 300px;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
}

#form02 .fTit input {
	float: right;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #e0e0c9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:190px;
	padding: 3px;
	margin-top: 2px;
}
#form02 input.botone:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: #ffffff;
	border-color:#C2D188;
	color:#000000;
}
#form02 input:focus, textarea:focus{
	border-color:#C2D188;
	color:#000000;
	background-color: #FFFFFF;
}
#form02 .fTit p {
	float: left;
}
#form02 .fTit {
	float: left;
	width: 280px;
	margin-top: 10px;
}
#form02 .fCom {
	width: 250px;
	float: right;
	margin-top: 40px;
	margin-right: 30px;
}
#form02 textarea {
	float: right;
	height: 140px;
	width: 200px;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #e0e0c9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#form02 textarea:hover {
	background-color: #ffffff;
	border-color:#C2D188;
	color:#000000;
}
#form02 textarea.contactComments {
	float: left;
	height: 109px;
	width: 248px;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #e0e0c9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#form02 textarea.contactComments:hover {
	background-color: #ffffff;
	border-color:#C2D188;
	color:#000000;
}
#form02 .boton {
	float: right;
	margin-right: 30px;
	display: inline;
	margin-top: 5px;
}

#form02 .fCom p {
	float: left;
}
#fForm .Tit {
	width: 200px;
	margin-top: 15px;
}
#fForm .Tit input {
	margin-left: 15px;
	margin-top: 2px;
	margin-bottom: 10px;
	width: 160px;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #CBCBA5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px;
	margin-top: 2px;
}
#fForm .Tit input:hover {
	background-color: #ffffff;
	border:solid 1px;
	border-color: #999959;
}
#fForm .Tit textarea {
	margin-top: 5px;
	margin-left: 15px;
	height: 100px;
	width: 160px;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #CBCBA5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px;
	margin-top: 2px;
}
#fForm .Tit textarea:hover {
	background-color: #ffffff;
	border:solid 1px;
	border-color: #999959;
}
#fForm .boton02 {
	float: right;
	margin-top: 10px;
	margin-right: 35px;
}
.fom .Box {
	float: left;
	width: 310px;
	margin-left: 10px;
	margin-top: 20px;
}
.fom .Box02 {
	float: right;
	width: 280px;
	margin-top: 20px;
	margin-right: 60px;
}
.fom {
	float: left;
	width: 670px;
	margin-top: 20px;
}
.fom p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #535F25;
	float: left;
	margin-top: 7px;
}
.fom .fBox {
	width: 285px;
	float: left;
	margin-top: 5px;
	height:22px;
}
.fBox input {
	float: right;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #CBCBA5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px;
	margin-top: 2px;
	width:140px;
}
.fBox input:hover {
	background-color: #ffffff;
	border:solid 1px;
	border-color: #999959;
}
.fom .fBox .jumpMenu {
	float: right;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #CBCBA5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width:145px;
	padding: 1px;
	margin-top: 1px;
}
.fom .fBox .jumpMenu:hover {
	background-color: #ffffff;
	border:solid 1px;
	border-color: #999959;
}
.fom .boton03 {
	margin-top: 20px;
	float: right;
	width: 70px;
	background-color: #C2D188;
	border-color: #819339;
}
.fom .boton03:hover {
	margin-top: 20px;
	float: right;
	width: 70px;
	background-color: #DAE8A3;
	border-color: #C2D188;
}
.fBox .fecha {
	width: 100px;
	float: right;
	margin-right: 16px;
}
#jumpMenu02 {
	width: 45px;
	float: right;
	margin-left: 4px;
	margin-right: 3px;
	background-color: #F5F5EF;
	border:solid 1px;
	border-color: #CBCBA5;
}
.fBox .calendario {
	height: 24px;
	width: 24px;
	float: right;
	margin-right: 0px;
	/*background-image: url(../images/img/cal.gif);    la imagen ya viene en el javascript*/
	display: inline;
}
.fBox .Genero {
	float: right;
	display: inline;
	height: 20px;
}
.fBox .radio {
	width: 20px;
	margin-left: 10px;
	margin-top: 7px;
}
.Genero  p {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 7px;
}

#barras {
	padding-left: 10px;
}
#barras object{
	margin-top: 10px;
}