/* 
El estilo fue creado por Angel Cobos Ortega
      ___           ___           ___           ___           ___     
     /\  \         /\  \         /\__\         /\  \         /\__\    
    /::\  \       /::\  \       /:/  /        /::\  \       /::|  |   
   /:/\:\  \     /:/\:\  \     /:/__/        /:/\:\  \     /:|:|  |   
  /::\~\:\  \   /::\~\:\  \   /::\__\____   /::\~\:\  \   /:/|:|  |__ 
 /:/\:\ \:\__\ /:/\:\ \:\__\ /:/\:::::\__\ /:/\:\ \:\__\ /:/ |:| /\__\
 \/__\:\/:/  / \/_|::\/:/  / \/_|:|~~|~    \/__\:\/:/  / \/__|:|/:/  /
      \::/  /     |:|::/  /     |:|  |          \::/  /      |:/:/  / 
      /:/  /      |:|\/__/      |:|  |          /:/  /       |::/  /  
     /:/  /       |:|  |        |:|  |         /:/  /        /:/  /   
     \/__/         \|__|         \|__|         \/__/         \/__/    
      ___           ___           ___                       ___     
     /\__\         /\  \         /\  \          ___        /\  \    
    /::|  |       /::\  \       /::\  \        /\  \      /::\  \   
   /:|:|  |      /:/\:\  \     /:/\:\  \       \:\  \    /:/\:\  \  
  /:/|:|__|__   /::\~\:\  \   /:/  \:\__\      /::\__\  /::\~\:\  \ 
 /:/ |::::\__\ /:/\:\ \:\__\ /:/__/ \:|__|  __/:/\/__/ /:/\:\ \:\__\
 \/__/~~/:/  / \:\~\:\ \/__/ \:\  \ /:/  / /\/:/  /    \/__\:\/:/  /
       /:/  /   \:\ \:\__\    \:\  /:/  /  \::/__/          \::/  / 
      /:/  /     \:\ \/__/     \:\/:/  /    \:\__\          /:/  /  
     /:/  /       \:\__\        \::/__/      \/__/         /:/  /   
     \/__/         \/__/         ~~                        \/__/    

favor de mantener los creditos

CSS Document */

body{background:#FFFFFF; margin:0px; padding:0px}
.left{float:left}
.right{float:right}
.out11{ width:844px; height:auto; border:1px solid #fefefe; margin:0 auto; margin-top:10px; margin-bottom:10px}
.out10{ width:842px; height:auto; border:1px solid #fdfdfd}
.out9{ width:840px; height:auto; border:1px solid #fcfcfc}
.out8{ width:838px; height:auto; border:1px solid #fbfbfb}
.out7{ width:836px; height:auto; border:1px solid #fafafa}
.out6{ width:834px; height:auto; border:1px solid #f9f9f9}
.out5{ width:832px; height:auto; border:1px solid #f8f8f8}
.out4{ width:830px; height:auto; border:1px solid #f7f7f7}
.out3{ width:828px; height:auto; border:1px solid #f6f6f6}
.out2{ width:826px; height:auto; border:1px solid #f5f5f5}
.out1{ width:824px; height:auto; border:1px solid #f4f4f4}
.main{ width:760px; height:auto; background:#FFFFFF; border:1px solid #f3f3f3; padding:31px; display:inline; padding-top:25px}
.top{width:auto; height:auto}
.logo{width:206px; height:110px}
.logoright{width:554px; height:110px}
.dfrase{width:480px; height:50px; margin-top:60px; text-align:center; display:inline}
.tarial{font-family:Arial, Helvetica, sans-serif}
.ttimes{font-family:"Times New Roman", Times, serif}
.tgeor{font-family:Georgia, "Times New Roman", Times, serif}
.f10{font-size:10px}
.f11{font-size:11px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f17{font-size:17px}
.f18{font-size:18px}
.f19{font-size:19px}
.f20{font-size:20px}
.f21{font-size:21px}
.f22{font-size:22px}
.f23{font-size:23px}
.f24{font-size:24px}
.f25{font-size:25px}
.c33{color:#111111}
.c33{color:#333333}
.c00{color:#000000}
.cff{color:#FFFFFF}
.u{ text-decoration:underline}
.cblue{color:#063D5B}
.cred{color:#FF0000}
.cred2{color:#CC0000}
.cbrown{color:#6C5F4F}
.m{color:#333333}
.m:hover{color:#FF0000}
.nounder{text-decoration:none}
.mapa{height:15px; width:auto}
.menu{width:760px; height:22px; background:#6C5F4F; margin-top:20px; display:inline}
.fotoslide{width:760px; height:180px; margin-top:3px}
.middle{width:760px; height:auto; margin-top:14px; z-index:100}
.izq{width:193px; margin-right:14px; height:auto }
.izq2{width:193px; height:33px; background:#CC0000; text-align:center; padding-top:6px; margin:0px}
.der{width:553px; height:auto; background:url(images/bgray.png) repeat-x #FFFFFF}
.der2{width:740px; height:auto; background:url(images/bgray.png) repeat-x #FFFFFF; padding:10px}
.izqh{width:183px; height:22px; background:#f8dcdc; text-align:justify; padding-top:5px; padding-left:10px; margin-top:3px}
.info{width:523px; height:auto; background:#FFFFFF}
.izqh2{width:183px; height:22px; background:#f8dcdc; text-align:justify; padding-top:5px; padding-left:10px; margin-top:3px; cursor:pointer; text-decoration:none}
.izqhson{width:168px; height:auto; text-align:left; padding-top:2px; *padding-top:0px; padding-bottom:2px;  padding-left:10px; margin-top:3px; background:url(images/bullet.png) center left no-repeat; cursor:pointer; border-left:5px solid #FFFFFF; text-decoration:none}
.izqhson:hover{background:url(images/bullet.png) center left no-repeat #c8d4db; border-left:5px solid #c8d4db}
.izqi{width:173px; margin-right:14px; height:auto }
.izqhi{width:163px; height:auto; background:#e4e2df; text-align:justify; padding-top:2px; padding-bottom:2px; padding-left:10px; margin-top:3px}
.izqhson2{width:148px; height:auto; text-align:left; padding-top:2px; *padding-top:0px; padding-bottom:2px;  padding-left:10px; margin-top:3px; background:url(images/bullet.png) center left no-repeat; cursor:pointer; border-left:5px solid #FFFFFF; border-bottom:1px solid #ccc; text-decoration:none }
.izqhson2:hover{ text-decoration:underline}
.pict2{ margin-top:10px}
.news{ width:354px; padding:5px; padding-left:15px; height:auto}
.primera{width:354px; height:auto; margin-top:20px; display:inline}
.lafoto{width:161px; margin-right:10px; display:inline}
.lanota{width:163px}
.primera2{width:auto; height:auto; margin-top:20px; display:inline}
.nota{width:auto; display:inline; padding:10px; text-align:justify}
.pictu2{border:1px #887668 solid; padding:3px; background-color:#FFFFFF; margin:10px; margin-left:0px; margin-top:0px}
.pictu{border:1px #887668 solid; padding:3px; background-color:#FFFFFF}
.segunda{width:344px; height:auto; margin-top:20px; display:inline; background:#f4f4f4; padding:5px}
.segundatop{text-align:left; width:344px}
.segundabottom{text-align:right; width:344px}
.events{ width:164px; padding:5px; padding-right:0px; padding-left:10px;  height:auto}
.eventos{ margin-top:20px; display:inline}
.elevento{width:163px; margin-bottom:10px; display:inline}
.eventotop{text-align:left; width:163px}
.eventobottom{text-align:left; width:153px; padding-left:10px; margin-top:5px; display:inline}
.izq3{width:153px; height:auto; background:#b2c1f0; text-align:center; padding:5px; padding-top:20px; padding-bottom:20px; cursor:pointer; margin-bottom:5px; display:inline; text-decoration:none}
.footfot{ width:760px; margin-top:15px; display:inline}
.justy{ text-align:justify}
.titulo{width:740px; float:left}

.ot6{ width:auto; height:auto; border:1px solid #fdfdfd; margin-right:10px; margin-bottom:10px; margin-left:-10px}
.ot5{ width:auto; height:auto; border:1px solid #fcfcfc}
.ot4{ width:auto; height:auto; border:1px solid #fafafa}
.ot3{ width:auto; height:auto; border:1px solid #f8f8f8}
.ot2{ width:auto; height:auto; border:1px solid #f7f7f7}
.ot1{ width:auto; height:auto; border:1px solid #f4f4f4}
.ot0{ width:auto; height:auto; background:#FFFFFF; border:1px solid #f3f3f3; padding:5px; display:inline; text-align:right}

<!--menu-->
#menu {width:760px; text-align:left; z-index:999}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; z-index:999}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}

#menu li {display:inline-block; display:inline; z-index:999}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {display:table; margin:0 auto; border:1px solid #6C5F4F; border-width:0 1px 1px 1px;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul.level1 {background:#6C5F4F;}
#menu ul li div ul {background:#6C5F4F; padding:0 1px 1px 1px;}

#menu a {display:block; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; line-height:21px; text-decoration:none;padding:0 15px 0 15px; text-align:left;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:50%; top:21px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {background:#BBAFA2;}

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; left:-50%;}

#menu li a.fly {background:transparent url(images/down-arrow.gif) no-repeat right center;}

#menu li a:hover,
#menu li a.fly:hover {background-color:#BBAFA2; color:#6C5F4F;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#BBAFA2; color:#cc0000;}

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:180px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {

}
.highslide:hover img {

}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* These are not Highslide core CSS rules, but define the styles of the caption. */
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}

.fecha{margin-top:-50px; float:right; text-align:right}




#marcox {
	width:760px; height:25px;
	margin-top:20px;
	padding:0px;
	text-align:left;
	background-color: #6C5F4F;
	color: #cc0000; float:left; display:inline
	}

.menu2 {
	padding:0; padding-left:20px;
	margin:0;
	margin-bottom:0;
	list-style:none;
	height:25px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	color: #cc0000;z-index:999
}
.menu2 li.top {display:block; float:left; position:relative; }
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer; padding:0 15px 0 15px}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#cc0000;  background:url(menu/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(menu/button4a.gif)}
.menu2 li a.top_link:hover span.down { background:url(menu/button4a.gif)}

.menu2 li:hover > a.top_link {color:#cc0000; background:url(menu/button4a.gif); background:#BBAFA2}
.menu2 li:hover > a.top_link span {background:url(menu/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(menu/button4a.gif);}

.menu2 li a.fly {background:transparent url(images/down-arrow.gif) no-repeat right center; padding:0 15px 0 15px}
.menu2 li a.fly:hover {background:#BBAFA2 url(images/down-arrow.gif) no-repeat right center; padding:0 15px 0 15px}
.menu2 li:hover > a.fly {background:#BBAFA2 url(images/down-arrow.gif) no-repeat right center;padding:0 15px 0 15px }

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:6px; top:25px; background: #BBAFA2; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal; border:1px solid #6C5F4F; border-width:0 1px 1px 1px;}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px;min-width:160px; margin-bottom:0; padding:2px 2px 2px 2px}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#ffffff; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#BBAFA2  url(menu/vineta_menu.gif) no-repeat 150px 6px; color:#cc0000}
.menu2 :hover ul.sub li a:hover {color:#cc0000;}
.menu2 :hover ul.sub li a.fly:hover {background:#333 url(menu/vineta_menu.gif) no-repeat 150px 6px; color:#fff}
.menu2 :hover ul li:hover > a.fly {background:#333 url(menu/vineta_menu.gif) no-repeat 150px 6px; color:#fff} 


.menu2 :hover ul.sub li ul { background: #E0C69E; z-index:300; color:#6C5F4F}
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background:#E0C69E; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto; border:1px solid #6C5F4F; border-width:1px 1px 1px 1px}