@charset "utf-8";

/*  >>> INFO <<< --------------------
Project: Velocity 17 http://v-17.com
Diseño: Rubén Araiza W.
XHTML+CSS: Rubén Araiza W.
Sitio: http://www.trostme.com
Última modificación: 08 Nov 2007
------------------------------------*/

/* >>> GENERAL <<< -------------------- */
* {margin:0; padding:0; text-align:left;}
html {background: #53595e url(img/bk.jpg) repeat-x top center;} 
body {background: url(img/bk-body.jpg) no-repeat top center; text-align:center; font:normal 12px Arial, Verdana, Helvetica, sans-serif; margin-bottom:25px; color:#444;}
a, a:visited, a img { border:none; color:#000; text-decoration:underline; }
.magnify {
	
}

.accordclass {
	width:1400px;
	clear: left;
	position: absolute;
	visibility: visible;
	z-index: 1;
	float: none;
	left: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	top: 300px;
	height: 362px;
}
#accord {
	width:1400px;
no-repeat; 																						clear:left;
	float: inherit;
	left: 0px;
	height: 0px;
	position: relative;
	top: auto;
}




.wrap { width:950px; margin:0 auto; }
table, p { margin-bottom:13px; }
.clear { clear:both; }
.resalta {color: #CC0000;}
.clearline{clear:both; border-top:1px solid #dedede; margin:20px 0;}

/* >>> LAYOUT <<< -------------------- */
#header { background: url(img/bk-header.png); width:100%; height:80px; }
.logo { float:left; background:url(img/logo.png) no-repeat; text-align:left; width:236px; height:80px; }
.logo h1 span { display:none; margin:0; }
#banner { background:#4E4D4B url(img/greybanner.jpg); height:328px; border-top:1px solid #820000; clear:both; }
.bannerflash { width:650px; height:327px; float:left; }
.bannernews {
	width:275px;
	float:right;
	padding: 7px 18px 13px 0;
	color: #F00;
}
.bannernews h3 {color:#FFF; font:bold 14px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; border-bottom:3px solid #9c3b3b; padding-bottom:4px; margin:0; }
.bannernews h4 { font:bold 8px/15px Arial, Helvetica, sans-serif; color:#FFFFFF; }
.bannernews ul { list-style:none; margin:0; margin-bottom:15px; }
.bannernews ul li { border-bottom:1px solid #b95353; color:#d08787; padding:8px 0 8px 5px;  }
.bannernews ul li a, .bannernews ul li a:visited {line-height:10px; color:#FFF; text-decoration:none; margin:0; }
.bannernews ul li a:hover{
	color:#F00;
	margin:0;
}
.bannernews .on { background:#710404; }
.bannernews a { color:#FFFFFF;  }
.bannernews a:hover { color:#d08787;  }
.content { background:#FFF url(img/bk-content.png) repeat-x; padding:40px 40px 25px 40px; }
.roundcontent { width:950px; height:11px; background:url(img/round-content.png) no-repeat; clear:both; }
.module { margin:7px 0; }
.gallerypic { width:130px; height:87px; background-color:#F2F2F2; float:left; margin:0 10px 10px 0; border:1px solid #cc0000; }
.galleryvid { width:150px; float:left; margin:0 12px 12px 0; background-color:#EEE; }
.galleryvid p { margin:0; padding:4px; }
.gallerypic2 { background-color:#F2F2F2; float:left; margin:0 10px 10px 0; border:1px solid #cc0000; }
.pleca-titulos { background:url(img/pleca.png); border-top:1px solid #820000; border-bottom:1px solid #590101; clear:both; width:950px; height:74px; }
.pleca-generic { background:#9e0000 url(img/bk-pleca-generic.png) repeat-x; border-top:1px solid #820000; border-bottom:1px solid #590101; clear:both; width:950px; height:74px; }

/* >>> NAVIGATION <<< -------------------- */
ul#nav {list-style: none; width:950px; height:34px;	display:block; background:#3f454c url(img/bk-menu.png) repeat-x; line-height:34px; }
ul#nav li a {display: block; color:#FFFFFF; text-decoration:none; text-align:center;}
ul#nav li a:hover, ul#nav li:hover {background-color:#353C42;}
ul#nav li {	float: left; border-right:1px solid #353C42;}
ul#nav li ul { position: absolute; left: -999em; background-color:#eee;	width: 165px; list-style: none;}
ul#nav li li { width: 157px; float:left; line-height:30px; border-right:none; }
ul#nav li li a {border-bottom:1px solid #D2D2D2; width:157px; color:#555; text-decoration:none; text-align:left; padding-left:8px; display:block; }
ul#nav li li a:hover {color:#FFF; background-color:#cc0000; }
ul#nav li:hover ul {left: auto; }
ul#nav li:hover ul, #nav li.sfhover ul {left: auto; }

/* >>> WIDECOL <<< -------------------- */
.widecol a:hover, .narrowcol a:hover { color:#cc0000; }
.widecol { float:left; width:585px; }
.widecol h1 { background:url(img/bullet-h1.png) no-repeat 0 8px; padding-left:20px; font:bold 26px/29px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin-bottom:15px; }
.widecol h2 { font:bold 18px/22px Arial, Helvetica, sans-serif; color:#cc0000; margin-bottom:10px; }
.widecol h3 { font:bold 14px/17px Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; }
.widecol p { line-height:17px; }
.widecol ul { list-style:none; margin:0 0 13px 10px; }
.widecol ul li { padding-bottom:7px; background:url(img/bullet2.png) no-repeat 0 3px; padding-left:15px; line-height:17px; }
.widecol ol{ margin:0 0 20px 10px; }
.widecol ol li {margin-left:25px; padding-top:10px; line-height:17px;}
.widecol th, .widecol td, .narrowcol th, .narrowcol td { font:normal 12px Arial, Verdana, Helvetica, sans-serif; text-align:left; vertical-align: top; color:#333333; padding: 6px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.widecol table, .narrowcol table {border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-bottom:13px; border-collapse:collapse;}
.widecol th, .narrowcol th { font:bold 12px Arial, Verdana, Helvetica, sans-serif; color:#FFF; text-align:left; padding:7px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; background: url(img/bk-table-th.png) repeat-x;}

/* >>> NARROWCOL <<< -------------------- */
.narrowcol {float:right; width:250px; }
.narrowcol h3 {color:#cc0000; font:bold 14px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; border-bottom:3px solid #d0d0d0; padding-bottom:4px; margin:0; }
.narrowcol ul { list-style:none; margin:0; margin-bottom:15px; }
.narrowcol ul li { border-bottom:1px solid #e6e6e6; }
.narrowcol ul li a, .narrowcol ul li a:visited{display:block; line-height:16px; padding:5px 0 5px 20px; width:230px; color:#444; text-decoration:none; background:url(img/bullet3-gris.png) no-repeat 3px 8px; margin:0; }
.narrowcol ul li a:hover{ background:#efefef url(img/bullet3.png) no-repeat 3px 8px; margin:0; }
.narrowcol .alert { padding: 10px 5px 10px 62px; margin:0 0 15px 0; background:#eeeeee url(img/alert-icon.png) no-repeat 8px 50%; color:#555555; border:1px solid #d2d2d2; }
.narrowcol .alert p { margin-bottom:0; }
.narrowcol .alert a { color:#000; }

/* >>> FOOTER <<< -------------------- */
#footer {margin-top:10px; font-size:11px; padding-left:100px; height:45px; line-height:45px; background:url(img/bk-footer.png) no-repeat; color:#aaa; }
#footer a { color:#FFF; }

/* >>> FOTOGRAFIAS <<< -------------------- */
.pic {float: right;	padding: 3px; margin: 4px 0px 5px 10px; /* border:1px solid #D2D2D2; */}
.picleft {float: left;	margin: 0 0 10px 5px; /* border:1px solid #D2D2D2; */}
.picgaleria { float: left; padding: 3px; background-color: #cee7f8; margin: 4px 7px 5px 0px;}
.wrap #banner .bannernews .module {
	color: #000;
}
.wrap #banner .bannernews ul {
	color: #F00;
}
.wrap #banner .bannernews ul {
	color: #000;
}
.wrap #banner .bannernews ul li span {
	color: #F00;
}
.wrap #banner .bannernews ul {
	color: #000;
	font-weight: bold;
}
.wrap #banner .bannernews ul {
	color: #000;
}
.wrap #banner .bannernews ul li span {
	color: #C15353;
}
.wrap #banner .bannernews ul li span {
	color: #C85353;
}
.wrap #banner .bannernews ul li span {
	color: #C95353;
}
.wrap #banner .bannernews ul {
	color: #9C3B3B;
}