/* 
Sitio Oficial del Festival de Tradiciones de Vida y Muerte 2011
Diseño por: César López bringas
Depto: Desarrollo Web
Fecha: Julio del 2011
*/
body {margin: 0px;padding: 0px;border: 0px;font-family:Arial, Helvetica, sans-serif; background:url(../images/bg-body.jpg); text-align:center;}
/*Fonts*/
@font-face {
    font-family: 'NicotineStainsRegular';
    src: url('../fonts/nicotine_stains-webfont.eot');
    src: url('../fonts/nicotine_stains-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nicotine_stains-webfont.woff') format('woff'),
         url('../fonts/nicotine_stains-webfont.ttf') format('truetype'),
         url('../fonts/nicotine_stains-webfont.svg#NicotineStainsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'NicotineStainsRegular';
    src: url('../fonts/nicotine_stains-webfont.eot');
    src: url('../fonts/nicotine_stains-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nicotine_stains-webfont.woff') format('woff'),
         url('../fonts/nicotine_stains-webfont.ttf') format('truetype'),
         url('../fonts/nicotine_stains-webfont.svg#NicotineStainsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*End Fonts*/
a {color:#999; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}
p { font-size:13px; line-height: 14px; margin: 0 auto; padding:0 0 10px 0; text-align:justify;}
h1 { font-size:16px; font-weight:bold; padding: 10px 0 5px 0; margin:0 auto; text-align: left;font-family: /*"NicotineStainsRegular", */Helvetica, Arial, sans-serif; text-transform: uppercase; color:#ddb201; text-shadow: #000 -1px 1px 1px;}
h4 { font-size:18px; font-weight:bold; padding: 6px 0 1px 0; margin:0 0 10px; text-align: left;font-family: /*"NicotineStainsRegular", */Helvetica, Arial, sans-serif; text-transform: uppercase; color:#FFF; text-shadow: #000 -1px 1px 1px; background:  url(../images/fondo-seccion.png); padding-left:10px;}
h2 { font-size:14px; line-height: 14px; margin: 0 auto; padding:0 0 10px 0; text-align:left;}
h3 {font-size:14px; font-weight:bold; }
/*Fonts END*/
#header {height:35px;}
#toprow {height:240px;border-top:solid 1px #999c; background: url(../images/bg-header.jpg); clear:both;}
#toprowsub {height:70px;border-bottom:solid 1px #ccc;background: #FFFFFF url(images/bg2.gif) repeat-x;}
#toprowsub h2{padding:15px 30px;}
#midrow {width:960px;margin:0 auto;}
#content {width:960px;margin:0 auto;}
.left{float:left;padding:5px 0px 5px 0px;width:210px;}
.menuh{float:left;padding:0px; margin-top:5px; width:960px; height:auto;}
.menuv{float:left;padding:0px; margin: 5px 0 0px 0; width:211px; height: auto;}
.mini-slider{float:left;padding:0px; margin: 5px 0 0px 0; width:211px; height: auto;}
#right{float:right;margin: 0; padding:0;width:744px;}
.textbox{float:right;margin:5px 0px 5px 0px; padding:10px 15px 10px 15px ;width:714px; background: #386b80 url(../images/bg-blue.jpg); color:#fff;}
.spansors{float:left;padding:5px 10px 5px 10px; margin-bottom:5px;width:940px; text-align:justify; background: #bc3f23 url(../images/bg-red.jpg);}
/*Menu Begin*/
#redsoc{height:25px;float:left;margin-top:5px; margin-bottom:5px;}
#menu{ height:25px;float:right;margin-top:5px; margin-bottom:5px;}
#menu ul li{ display:inline; list-style-type:none;}
#menu ul li a{padding:5px 0px; font-size:14px; text-decoration:none; margin:0px 0px;}
#menu ul li a span{font-size:14px; text-decoration:none; padding:0px 10px; color:#999999;}
#menu ul li a.active{background:url(images/menur.gif) no-repeat right;}
#menu ul li a.active span{background:url(images/menul.gif) no-repeat left; padding:5px 10px;color:#333;}
#menu ul li a:hover{background:url(images/menur.gif) no-repeat right;}
#menu ul li a:hover span{background:url(images/menul.gif) no-repeat left; padding:5px 10px;color:#333;}
/*Menu End*/
.center{ width:960px;margin:0 auto; background: url(../img-slider/bg-slider.png); padding: 0 100px 0 100px;}
/*pics*/
#pic{width:231px; height:160px; float:left; display:block; background: url(pics/img-text.jpg); margin:0 10px 5px 0;}
#thumb{width:171px; height:118px; margin: 10px 10px 0px 0px; display:block; float:left; position:relative;}
#thumblast{width:171px; height:118px; margin: 10px 0px 0px 0px; display:block; float:left; position:relative;}
/*SlideShow Begin*/
#slider-content {width:960px;}
#slidershadow{width:960px;height:240px;}
/*SlideShow End*/
#wrapper ul {padding: 0px;display: block;overflow: hidden;}
/*Homepage Boxs*/
#container {float:left;}
/*Footer*/
#footer {background: url(../images/bg-footer.jpg);float:left;width:100%;height:220px;color:#c5bdb0;text-align:center;}
.foot{width:760px; height:143px; margin:0 auto; padding:67px 0px 10px 200px; font-size:12px; background:url(../images/bg-foot.png) left no-repeat;}
.foot a:link{color:#999;text-decoration:none;}
#logos{ width:760px; height:64px; padding: 10px 0 10px 0; display:block; position:relative; float:left;}
#copyright{ width:760px; height:48px; padding-top: 10px; display:block; position:relative; float:left;}
/*Footer END*/
/* INPUT FIELD CSS Copy this to your style sheet
------------------------------------------------------------- */