/* CSS Document */

body{
	padding:0 0 13px 0;
	margin:0;
	background:#333 repeat-x 0 0;
	color:#000;
}
div, h1, h2, p, img, span{
	margin:0px;
	padding:0px;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
.spacer{
	clear:both;
	font-size:0;
	line-height:10px;
}
.imagend {
	margin: 5px;
	float: right;
}
#marcodfoto {
	border: 2px solid #FFF;
	height: 455px;
	width: 615px;
	padding: 2px;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#main{
	width:974px;
	margin:0px auto;
	padding: 0px;
	background-image: url(images/main_bg.jpg);
	background-repeat: no-repeat;
	background-color: #F6ECC9;
}
#nop {
	width:974px;
	margin:0px auto;
	padding: 0px;
	background-color: #F6ECC9;
	background-image: url(images/verde.gif);
	background-repeat: no-repeat;
}

#main ul.nav, #nop ul.nav{
	height:24px;
	padding:0px;
	margin: 0px;
}
#main ul.nav li, #nop ul.nav li{
	height:24px;
	float:left;
	padding:0 2px 0 0;
}
#main ul.nav li a, #nop ul.nav li a{
	display:block;
	padding:0 12px;
	font:bold 11px/24px Arial, Helvetica, sans-serif;
	color:#993400;
	background:url(images/nav_bg.gif) 0 0 repeat-x #000;
	text-decoration:none;
	top: 0px;
}
#main ul.nav li a:hover, #nop ul.nav li a:hover{
	color:#993;
	font-weight: bolder;
}
#main ul.nav li a.hover, #nop ul.nav li a.hover{
	display:block;
	padding:0 12px;
	font:bolder 11px/24px Arial, Helvetica, sans-serif;
	color:#F6ECC9;
	background:#FFF;
	text-decoration:none;
	cursor:help;
}
#header {
	margin:0px;
	overflow: hidden;
	visibility: visible;
	height: 333px;
}
#top {
	margin:0px;
	overflow: hidden;
	visibility: visible;
	background-color: #FFF;
}

/*------------------------------------------------left panel--------------------*/
#left{
	width:620px;
	float: left;
	padding: 8px;
	clear: left;
	margin: 0px;
	background-color: #F6ECC9;
}
#left h1 {
	font:bolder 25px Arial, Helvetica, sans-serif;
	color:#000;
}





#left h2{
	font:bolder 35px Arial, Helvetica, sans-serif;
	color:#900;
}
#left h3{
	font:bolder normal 18px/47px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:0px 0px 0px 10px;
	margin:0px;
}
#left p{
	font:400 12px/15px Verdana, Geneva, sans-serif;
	margin: 3px;
	color: #000;
	text-align: justify;
}
#left p a {
	color:#F00;
	text-decoration:none;
	padding-right: 4px;
	padding-left: 4px;
}
#left p a:hover{
	color:#900;
	text-decoration:none;
}

#left img {
	clear: both;
	margin: 5px;
	display: block;

}
#left .marizq {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#left .50{
	font-size: 9px;
	color: #FFF;
	font-variant: small-caps;
	line-height: 9px;
	font-weight: 900;
}

.iz {
	margin: 5px;
	float: left;
}


/*------------------------------------------------left panel--------------------*/

/*------------------------------------------------right panel--------------------*/
#right{
	width:326px;
	margin:0px 8px 0px 0px;
	float:right;
	color:#000;
	padding-top: 8px;
	padding-bottom: 31px;
	display: block;
}
#right h1 {
	font:bold normal 26px/26px Arial, Helvetica, sans-serif;
	color:#900;
	padding:0px;
	margin:0px 16px 4px;
	text-align: center;
}


#right h2.welcome{
	height:40px;
	font:bold 40px/40px Arial, Helvetica, sans-serif;
	color:#993400;
	padding:0px;
	margin:0px 0px 2px;
	text-align: center;
}
#right h3{
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px;
	margin:0px 16px 4px;
}
#right p {
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	margin:0px 16px;
	text-align: justify;
	padding: 0px;
}

#right p.rightText{
	text-align: justify;
	padding: 0px;
}
#right p.rightcenter {
	text-align: center;
	padding: 0px;
}
#right p.marca {
	text-align: justify;
	height: 122px;
	width: 302px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(marca.gif);
	background-repeat: no-repeat;
}


#right ul{
	padding:0px 16px;
}
#right ul li{
	line-height:16px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	text-indent: 20px;
	color: #900;
	font-weight: bolder;
}
#right ul li a{
	background:url(images/arrow_green.gif) 0 7px no-repeat;
	padding:0 0 0 13px;
	color:#060;
	text-decoration:none;
	font-size: 13px;
	line-height: 16px;
	font-weight: bolder;
}
#right ul li a:hover{
	color:#FFF;
	
}
#right .fotochica {
	margin: 4px;
	float: left;
	border: 2px solid #F1F0DE;
}

#marco {
	width:302px;
	background:#666;
	color:#fff;
	padding:0px;
	margin:0px 9px;
}
#marcofoto {
	width:100%;
	color:#fff;
	padding:0px;
	margin:0px;
}


#promo{
	width:306px;
	background:#666;
	color:#fff;
	margin:0px auto;
	border: 1px solid #666;
	padding: 5px;
}
#promo h2.promo{
	background:#CC6700;
	width:100%;
	height:31px;
	margin:0px;
	font:normal 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0px;
	text-align: center;
}
#promo form{
	width:282px;
	padding:12px 12px 0;
	margin:0px;
}
#promo form input.txtBox{
	width:270px;
	height:24px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	margin:0 0 9px;
	padding:0 0 0 11px;
	float:left;
}
#promo form input.signup{
	height:24px;
	border:none;
	cursor:pointer;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px;
}

#tiempo {
	width:306px;
	background:#666;
	color:#fff;
	padding:5px;
	margin:0px;
}

/*------------------------------------------------right panel--------------------*/

/*------------------------------------------------main--------------------*/

/*------------------------------------------------bottom--------------------*/
#bottomMain{
	width:100%;
	background-color:#E8E6CD;
	color:#000;
	border-top:#DAD9C1 solid 2px;
	border-bottom:#FFFDE7 solid 1px;
	padding:9px 0 22px 0;
}
#bottom{
	width:946px;
	margin:0 auto;
	padding:0 3px 0 11px;
}
#bottom ul.first{
	width:286px;
	padding:0;
	margin:0 35px 0 0;
	float:left;
}
#bottom ul.first li.topHead{
	background:url(images/bullet.gif) 0 12px no-repeat #E8E6CD;
	color:#CE6C04;
	font:bold 18px/43px Arial, Helvetica, sans-serif;
	padding:0 0 0 26px;
}
#bottom ul.first li.normal{
	padding:0;
	margin:0;
}
#bottom ul.first li.normal a{
	background:url(images/arrow_white.gif) 0 5px no-repeat #E8E6CD;
	padding:0 0 0 12px;
	color:#3F3D1F;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#bottom ul.first li.normal a:hover{
	color:#3F3D1F;
	background-color:#D6D4BE;
	text-decoration:none;
}
#bottom ul.second{
	width:298px;
	padding:0;
	margin:0;
	float:left;
}
#bottom ul.second li.topHead2{
	background:url(images/bullet.gif) 0 12px no-repeat #E8E6CD;
	color:#CE6C04;
	font:bold 18px/43px Arial, Helvetica, sans-serif;
	padding:0 0 0 26px;
}
#bottom ul.second li.normal2{
	padding:0;
	margin:0;
}
#bottom ul.second li.normal2 a{
	background:url(images/arrow_white.gif) 0 5px no-repeat #E8E6CD;
	padding:0 0 0 12px;
	color:#3F3D1F;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#bottom ul.second li.normal2 a:hover{
	color:#3F3D1F;
	background-color:#D6D4BE;
	text-decoration:none;
}
#bottom ul.third{
	width:298px;
	padding:0;
	margin:0;
	float:right;
}
#bottom ul.third li.topHead3{
	background:url(images/bullet.gif) 0 12px no-repeat #E8E6CD;
	color:#CE6C04;
	font:bold 18px/43px Arial, Helvetica, sans-serif;
	padding:0 0 0 26px;
}
#bottom ul.third li.normal3{
	padding:0;
	margin:0;
}
#bottom ul.third li.normal3 a{
	background:url(images/arrow_white.gif) 0 5px no-repeat #E8E6CD;
	padding:0 0 0 12px;
	color:#3F3D1F;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#bottom ul.third li.normal3 a:hover{
	color:#3F3D1F;
	background-color:#D6D4BE;
	text-decoration:none;
}

/*------------------------------------------------bottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	background-color:#030304;
	color:#E97705;
}
#footer{
	width:960px;
	margin:0px auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer ul{
	margin: 0px;

}
#footer ul li{
	float:left;
	color:#DBD9BA;
	
	font:normal 11px/20px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#DBD9BA;
	
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color:#FC0;
}
#footer p.design{
	padding:2px;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	color:#7DC012;
	text-indent: 6px;
	position: absolute;
	right: 15px;
}
#footer p.design a.link{
	color:#7DC012;
	text-decoration:none;
	font-weight: bold;
}
#footer p.design a.link:hover{
	color:#E97705;
	font-weight: bold;
	text-decoration: none;
}
#menu {
	width:970px;
	float: left;
	padding: 8px 2px;
	clear: left;
	margin: 0px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#menu li {
	list-style-type: none;
	text-indent: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: 500;
	text-transform: capitalize;
	color: #FFF;
}
#menu ul.banner {
	width:966px;
	padding:0px;
	margin:8px 0 0 5px;
}
#menu ul.banner li {
	float:left;
	margin:0px 4px;
	padding-right: 1px;
	padding-left: 1px;
	overflow: hidden;
	display: inline;
}
#menu ul.banner li a.b1 {
	display:block;
	background:url(images/b1a.png) no-repeat 0px 0px;
	width:150px;
	height:88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b1:hover {
	background:url(images/b1a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b2 {
	display:block;
	background:url(images/b2a.png) 0 0 no-repeat;
	width:150px;
	height:88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b2:hover {
	background:url(images/b2a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b3 {
	display:block;
	background:url(images/b3a.png) no-repeat 0px 0px;
	width:150px;
	height:88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b3:hover {
	background:url(images/b3a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b4 {
	display:block;
	background:url(images/b4a.png) no-repeat 0px 0px;
	width:150px;
	height:88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b4:hover {
	background:url(images/b4a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b5 {
	background:url(images/b5a.png)  no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 88px;
	width: 150px;
	display: block;
}
#menu ul.banner li a.b5:hover {
	background:url(images/b5a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
}
#menu ul.banner li a.b6 {
	background:url(images/b6a.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 88px;
	width: 150px;
	display: block;
}
#menu ul.banner li a.b6:hover {
	background:url(images/b6a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
}

#menu ul.banner li a.b11 {
	background:url(images/b1a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
	cursor: help;
}
#menu ul.banner li a.b22 {
	background:url(images/b2a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
	cursor: help;
}
#menu ul.banner li a.b33 {
	background:url(images/b3a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
	cursor: help;
}
#menu ul.banner li a.b44 {
	background:url(images/b4a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
	cursor: help;
}
#menu ul.banner li a.b55 {
	background:url(images/b5a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
	cursor: help;
}
#menu ul.banner li a.b66 {
	background:url(images/b6a.png) no-repeat 0px -88px;
	margin: 0px;
	padding: 0px;
	cursor: help;
}
.verde  {
	width:974px;
	background-color: #F6ECC9;
	margin: 0px;
	z-index: 0;
	background-image: url(images/verde.gif);
	background-repeat: no-repeat;
}
#full {
	width:960px;
	float: left;
	clear: left;
	margin: 0px;
	background-color: #F6ECC9;
	height: 560px;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	overflow: hidden;
}
#full p {
	font:400 12px/15px Verdana, Geneva, sans-serif;
	text-align: justify;
	margin: 3px;
	color: #FFF;
}
#monoSlideshow {
	width:954px;
	padding: 0px;
	margin: 0px auto;
	height: 560px;
	border: 3px solid #900;
	overflow: hidden;
}
#ubica {
	width:960px;
	float: left;
	padding: 7px;
	clear: left;
	margin: 0px;
	background-color: #F6ECC9;
	background-image: url(images/abajo.jpg);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
#ubica p {
	font:400 12px/15px Verdana, Geneva, sans-serif;
	text-align: justify;
	margin: 3px;
	color: #FFF;
}
#cuadro {
	width:596px;
	margin:5px 10px;
	background:#930;
	color:#D7D6D6;
	padding: 2px;
	border: 1px solid #F1F0DE;
}
#cuadro p  {
	color: #FC0;
	font-size: 12px;
	line-height: 14px;
}
#cuadro .izq {
	margin: 4px;
	float: left;
	border: 2px solid #F1F0DE;
}

#cuadro h2.info {
	display:block;
	height:31px;
	padding:0px;
	margin:11px 6px 6px;
	background-position: 0px;
	background-color: #EBEBD1;
}
#cuadro h2.info span {
	background:url(images/bullet.gif) no-repeat 10px 8px;
	height:31px;
	padding:0px 0px 0px 31px;
	margin:0px;
	font:bold 20px/31px Arial, Helvetica, sans-serif;
	color:#993400;
}
