/*
www.museosemilla.com.mx
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px 0px 0px 0px;
} 

p { margin-bottom: 8px; color:#333; font-size:12px}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	background: #95C110 url(../images/body-bg.jpg) repeat-x top center;
	}

ul, ol { margin: 1em 0; padding-left: 2.5em;}
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 { font-weight: bold; margin-bottom: 8px; } 

h1 { font-size: 18px; font-weight: bold; 	color: #f37a18; }
h2 { font-size: 16px; font-weight: bold; 	color: #f37a18; }
h3 { font-size: 12px; font-weight: bold; 	color: #f37a18; }
h4 { font-size: 12px; font-weight: bold; 	color: #666; }
h5 { font-size: 12px; font-weight: bold; 	color: #666; }
h6 { font-size: 12px; font-weight: bold; 	color: #666; }

image { border:0px #006600 solid; }

a { color: #F37A18; outline:none; text-decoration:none }
a:hover {color:#779B3B}


.clear {clear:both; margin:0; padding:0;}


.titulo {
	font-weight: bold; 
	
	}


.descripcion {}


/** STRUCTURE **/

#cloud-bg {background:url(../images/cloud-bg.jpg) top no-repeat; width:100%} 

#chopper {
background: url(../images/chopper.png) no-repeat right top; display:block; height:129px; position:absolute;
right:0;  top:0; width:138px; padding: 141px 0 0 0}

#chopper input {color:#666; font-style:italic; font-size:12px}

#headerbg {width: 988px; background:url(../images/header-bg-old.jpg) top center no-repeat; margin:0 auto; padding-top:220px;}

#content-bg {width: 988px; background:url(../images/content-bg.jpg) top center repeat-y; margin:0 auto}

#container {width: 988px; margin:0 auto; }

	a#cmh-logo {height: 93px; width: 190px; border:0; float:left; margin:0; padding:0}
	
	
	.video-kids {height: 321px; border:0; margin: 94px 0 0 0 }
	
		#kidleft {float:left; width: 91px}
		#kidright {float:right; width: 92px}
		
	#video-area {width: 805px; float:left; background:url(../images/video-bg.jpg) top center repeat-y; 
	text-align:center; padding: 5px 0 0 0; margin: 18px 0 0 0; position:relative; z-index: 10 }
	
		#video-object {position:relative; z-index: 2}
	
		#video-footer {width: 800px; height: 47px; background:url(../images/video-footer.jpg) top center no-repeat; text-align: left; padding: 2px 0 0 5px}
	
	#left-column {width: 298px; float:left;}
	
		.yellow-column {width: 298px; background:url(../images/yellow-bg.jpg) top right repeat-y;}
		
		.yellow-text {width: 171px; padding: 0 43px 0 0; float:right}
		.yellow-text a{
		color:#FFFFFF;
		font-size:25px;
		font-weight: bold;
		
		}

		.yellow-btm {width: 253px; height: 29px; float:right; background:url(../images/yellow-btm.jpg) top right no-repeat;}
		.yellow-top {width: 253px; height: 29px; float:right; background:url(../images/yellow-top.jpg) top right no-repeat;}
		
		/* Columna De banners Piņatas/Sabias que/Tips ecolgicos */
		.ban-columna{width: 298px; background:url(../images/ban-bg.jpg) top right repeat-y;}
		.ban-top {width: 253px; height: 18px; float:right; background:url(../images/ban-top.jpg) top right no-repeat;}
		.ban-btm {width: 253px; height: 18px; float:right; background:url(../images/ban-btm.jpg) top right no-repeat;}
		.ban-text {width: 171px; padding: 0 59px 0 0; float:right}
		.ban-text a{
		color:#FFFFFF;
		font-size:25px;
		font-weight: bold;
		}
		
		
		/* foto del dia */
		.foto-columna{width: 298px; background:url(../images/foto-bg.jpg) top right repeat-y;}
		.foto-top {width: 253px; height: 50px; float:right; background:url(../images/foto-top.jpg) top right no-repeat;}
		.foto-btm {width: 253px; height: 18px; float:right; background:url(../images/foto-btm.jpg) top right no-repeat;}
		.foto-text {width: 171px; padding: 0px 59px 0px 0px; float:right}
		.bfoto-text a{
		color:#FFFFFF;
		font-size:25px;
		font-weight: bold;
		}
	
	
	#right-column {width: 615px; float:right; padding-right:65px }
	
	
		#galeria-title {width: 614px; height:162px; background:url(../images/galeria-title.jpg) top left no-repeat;}
	    #galeria-title p {color:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
	    #galeria-title a {color:#FFF; text-decoration:underline;}
		#galerias-title a:hover {color:#000;}
	    .galeria-box {width: 614px; background: url(../images/galeria-bg.jpg) top right repeat-y;}
	    #galeria-btm {width: 614px; height: 25px; background:url(../images/galeria-btm.jpg) top left no-repeat; float:left;}
		#galeria-content {width: 450px; float:left; color:#FFF; position: relative; padding-left:0px;}
	
	
	#slidenoticias-title {width: 614px; height:94px; background:url(../images/slidenoticias-title.jpg) top left no-repeat;}
	#slidenoticias-title p {color:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
			#slidenoticias-title a {color:#FFF; text-decoration:underline;}
			#slidenoticias-title a:hover {color:#000;}
	.slidenoticias-box {width: 614px; background: url(../images/slidenoticias-bg.jpg) top right repeat-y;}
	#slidenoticias-kid {width: 59px; height: 187px; float:left; background:url(../images/slidenoticias-kid.jpg) top left no-repeat}
	#slidenoticias-btm {width: 614px; height: 19px; background:url(../images/slidenoticias-btm.jpg) top left no-repeat; float:left;}
	
		#happening-title {width: 614px; height:94px; background:url(../images/happening-title.jpg) top left no-repeat;}
			
			#happening-title p {color:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
			#happening-title a {color:#FFF; text-decoration:underline;}
			#happening-title a:hover {color:#000;}
		
		.red-box {width: 614px; background: url(../images/red-bg.jpg) top right repeat-y;}
		
		
			#red-kid {width: 91px; height: 187px; float:left; background:url(../images/red-kid.jpg) top left no-repeat}
			
			#red-content {width: 523px; float:left; color:#FFF; position: relative;}
			#red-content2 {width: 450px; float:left; color:#FFF; position: relative; padding-left:65px;}
			
		
		/*ContenedorContenido*/
		#contenido-title {width: 614px; height:94px; background:url(../images/contenido-title.jpg) top left no-repeat;}
		#contenido-title p {color:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
		#contenido-title a {color:#FFF; text-decoration:underline;}
		#contenido-title a:hover {color:#000;}
			.contenido-box {width: 614px; background: url(../images/red-bg.jpg) top right repeat-y;}
			#contenido-kid {width: 91px; height: 187px; float:left; background:url(../images/red-kid.jpg) top left no-repeat}
			#contenido-content {width: 523px; float:left; color:#FFF; position: relative;}
			#contenido-btm {width: 614px; height: 19px; background:url(../images/contenido-btm.jpg) top left no-repeat; float:left; text-align: center;}
		    #contenido-btm p {tcolor:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
			#contenido-btm a {color:#FFF; text-decoration:underline; font-size:14px;}
			#contenido-btm a:hover {color:#000; text-decoration:underline;}
		    .Contenedor {
			color:#000000;
			display: block; 
			width: 483px; 
			overflow: hidden; 
			position: relative; 
			border:#FFFFFF 4px solid; 
			background:#FFFFFF;
			}
		
		
		
			/*Stories Module*/
	.stories2 {display: block; width: 505px; height: 350px; overflow: hidden; position: relative;}		
	.stories {display: block; width: 483px; height: 350px; overflow: hidden; position: relative;}
		
		.story-item { overflow: hidden !important; }
		.story-item img { margin: 0; padding: 0; }
		div.story-content {margin: -70px 0 0 0; width: 483px; height: 282px; padding: 5px 25px 35px 25px; z-index: 1500; 
		position:relative;background: url(../images/story-bg.png);}
		
		.story-content h1 {color: #F49020; margin: 8px 0 5px 0; padding: 0 0 0 0; line-height:14px; font-size:18px; 
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }	
		.story-content p {color: #FFF; margin:0; padding:0x; line-height:13px; width: 450px; }
		.story-content a {color: #FFF; text-decoration:underline}
		.story-content a:hover {color:#FFF; text-decoration:none}
		
		.story-item .image-header {display: block; width: 483px; height: 245px; overflow: hidden !important; z-index: 10;}
		
		
		
	#nav-stories {display: block;  padding: 5px 10px 0 0; text-align:right; position:relative; z-index: 800 }
			#nav-stories a { display: block; width: 18px; height:18px; float: left; margin: 5px 5px 0 0;
			text-align: center; text-decoration: none; color:#FFF; font-weight:bold; font-size:14px;  
			background: #bb6d17;}
			#nav-stories a.activeSlide { background: #F49020; width: 18px; height:18px; 
			color: #FFF; }
			
			

			
			
			
			#red-btm {width: 614px; height: 19px; background:url(../images/red-btm.jpg) top left no-repeat; float:left; text-align: center;}
		    #red-btm p {tcolor:#FFF; margin: 0 54px 0 353px; padding: 30px 0 0 0  }
			#red-btm a {color:#FFF; text-decoration:underline; font-size:14px;}
			#red-btm a:hover {color:#000; text-decoration:underline;}
		
		/*#photos {width: 316px; float:left; background:url(../images/title-photos.jpg) top left no-repeat;padding: 74px 0 0 26px;}
		
		#photos img, #photos img a {border: 2px solid #ECD24B}
		#photos img {width: 70px !important; height: 70px !important}*/
		
		#connected {width: 260px; float:left; padding: 88px 0 0 0; margin-left: 12px; display:inline;
		background: url(/images/home09/title-connect.jpg) top left no-repeat;}
		
			#connected-txt {width: 236px;background:url(../images/connect-bg.jpg) top left repeat-y; padding: 8px 12px;
			color:#FFF;}
			
			#tweets ul {margin:0; padding:0; list-style:none;}
			
			#tweets ul li a, #tweets a {color:#FFF;}
			
			.small-text a{font-size:11px; color: #FFF; line-height: 21px; display:block; text-decoration:underline}
			.small-text a:hover {color:#000;}
			
			.twitterTime a {clear:both; text-decoration:none; font-style:italic; font-size:11px}
			
			#connected-btm {height: 13px; width: 260px; background:url(../images/connect-btm.jpg) top left no-repeat;}
		
		#blog {width: 613px; clear:both;}
		
			#blog-girls {width: 173px; height:197px; background:url(../images/blog-bg.jpg) top left no-repeat; float:left}
			
			#blog-title {width: 320px; height: 80px; float:left; background:url(../images/title-blog.jpg) top left no-repeat;}
			
			#blog-content {width: 440px; float:left; border-bottom: 2px dotted #91B752; padding-bottom:5px}
			
			.rssitem h2, .rssitem h2 a {margin:0; color: #0c5594; font-weight:bold; font-size: 16px;}
			.rssitem h2 {border-top: 2px dotted #91B752; padding-top:5px }
			
			.rssitem h2 a:hover {color:#779B3B}
			

	

	

		

		
	
		#footer {width: 910px; height: 70px; background:url(../images/footer.jpg) top left no-repeat #95C210; 
		clear:both; margin:0 auto; padding: 22px 0 0 0; color: #003300; font-size:12px}
		#footer p, #footer a {text-decoration:none; color:#FFF}
		#footer a:hover, #footer a:hover {color: #154668}
		#footerer p {color: #75B5DB}