﻿/*  
Theme Name: TimeOut Theme
Theme URI: 
Description: Template para la pagina de TimeOut
Version: 1.0
Author: Guillermo Garcia - Lumma 
Author URI: http://www.time-out.com.mx
	
 */

hmtl{margin: 0;
	padding: 0;
     }

body{	
	margin: 0; /*MARGEN GENERAL DE TODAS LAS PAGINAS*/
	padding: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
     }
	 
/*--------------------CONTENEDORES--------------------*/ 
	 
	 #page-container  { width: 100%;    } 	
	 
	 		/*--------------------contenedor general--------------------*/ 
			#maincontainer{	
					margin: 0 auto; /*Center container on page*/ 
					 }
				/*--------------------contenedor encabezado--------------------*/ 
				#header_1{
						margin: 0 auto; /*Center container on page*/ 
						width: 1007px; /*Width of main container*/
						height:80px;
						background:url(images/back_header_1_superior.png);
						color:#000;
						font-family:Arial, Helvetica, sans-serif;
						font-size:10px; }
		 		/*--------------------contenedor menu--------------------*/ 
				#container_negro{
						height:37px;
						margin: 0 auto; /*Center container on page*/ 
						background:url(images/bg.gif) repeat-x;
						}		
				#menu {	
						margin: 0 auto; /*Center container on page*/ 
						width: 1007px; /*Width of main container*/
						height:37px;
						background:#292929; }
		 		/*--------------------contenedor maranja y morados--------------------*/ 
							#container_naranja{
									height:184px;
									margin: 0 auto; /*Center container on page*/ 
									background:url(images/back_naranja.png) repeat-x;
									}
							#header_2_naranja{
									margin: 0 auto; /*Center container on page*/ 
									width: 1007px; /*Width of main container*/
									height:184px;
									background:url(images/back_header_2_naranja.png);
									}
							#container_morado{
									height:184px;
									margin: 0 auto; /*Center container on page*/ 
									height:148px;
									background:url(images/back_morado.png) repeat-x;
									}
							#container_naranja2{
									height:184px;
									margin: 0 auto; /*Center container on page*/ 
									height:148px;
									background:url(images/back_naranja2.png) repeat-x;
									}
							#header_3_morado{
									/*border:1px solid red;*/
									margin: 0 auto; /*Center container on page*/ 
									width: 1007px; /*Width of main container*/
									height:148px;
									background:url(images/back_header_3_morado.png);
									}	
			/*--------------------contenedor contenido UP--------------------*/ 		
						#contenido_general_up{
								margin: 0 auto; /*Center container on page*/ 
								width: 1007px; /*Width of main container*/
								height:34px;
								background:url(images/back_contenido_up.png);
								}
			/*--------------------contenedor contenidos --------------------*/ 
				#contenido_general{
						/*border:1px solid #0000FF;*/
						margin: 0 auto; /*Center container on page*/ 
						width: 1007px; /*Width of main container*/
						height:auto;
						background:url(images/back_contenido.png);
						padding-bottom:20px;
						}
				#contenido_paginas_estaticas{
						width: 1007px; /*Width of main container*/
						height:auto;
						margin: 0 auto; /*Center container on page*/ 
						background:url(images/back_contenido.png);
						}	
						#contenido_paginas_estaticas2{
						width: 700px; /*Width of main container*/
						margin: 0 auto; /*Center container on page*/
						padding-bottom:20px;
						}		
				#contenido_izquierda{
						margin-left:100px;
						margin-right: 260px; /*Set left margin to -(RightColumnWidth) */
						width: 540px; /*Width of main container*/
						}
				#contenido_derecha{
						float: right;					
						margin-right:100px; /*margin derecho para firefox*/
						#margin-right:50px; /*margin derecho para el IE6*/
						_margin-right:50px; /*margin derecho para el IE7*/
						width: 255px; /*Width of main container*/
						}
				#contenido_pie{
						clear: both;
						background:url(images/back_pie.png);
						}
				#pie{   clear: both;
						/*border:1px solid red;*/
						margin: 0 auto; /*Center container on page*/ 
						width: 1007px; /*Width of main container*/
						height:54px;
						background:url(images/back_footer.png);
						line-height: 18px;
						}
					
			/*--------------------definición de headers interiores--------------------*/ 					
						#header_interior_0, #header_interior_1, #header_interior_2, #header_interior_3, #header_interior_4{
								/*border:1px solid red;*/
								margin: 0 auto; /*Center container on page*/ 
								width: 1007px; /*Width of main container*/
								height:148px;
								background:url(images/back_header_interior_0.png);
								}
						#header_interior_1{
								margin: 0 auto; /*Center container on page*/ 	
								height:148px;
								background:url(images/back_header_interior_1.png);
								}
						#header_interior_2{
								margin: 0 auto; /*Center container on page*/ 
								height:148px;
								background:url(images/back_header_interior_2.png);
								}
						#header_interior_3{
								margin: 0 auto; /*Center container on page*/ 
								height:148px;
								background:url(images/back_header_interior_3.png);
								}
						#header_interior_4{
								margin: 0 auto; /*Center container on page*/ 
								height:148px;
								background:url(images/back_header_interior_4.png);
								}
							
		/*--------------------FIN--------------------*/ 
					
			#pie a {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#333333;
				text-decoration: none;
			}
			#pie a:hover {
				color: #db6d16;
			}
			#pie #copyright {
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				padding-top: 10px;
				margin-left:135px;
				color:#666666;}
	
			/* -- top navigation start -- */
			#topNav{
				width:850px; margin:0 auto; height:37px;}
			#topNav ul{
				width:850px; margin:0 auto;}
			#topNav ul li{
				height:37px; float:left;
				background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
				font:bold 12px/37px Arial, Helvetica, sans-serif;}
			#topNav ul li a{
				padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
				background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
				font:bold 12px/37px Arial, Helvetica, sans-serif;}
			#topNav ul li a:hover{
				background:url(images/top_btn_h.gif) no-repeat center bottom;}
			#topNav ul li a.hover{
				padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
				background:url(images/top_btn_h.gif) no-repeat center bottom; color:#C1C1C1;
				font:bold 12px/37px Arial, Helvetica, sans-serif;}
			/* -- top navigation end -- */
	  
	 		/* -- FOOTER NAVEGATION START -- */
			#pienav{
				width:550px;
				float:right;
				margin-top:10px;
				margin-right:100px;		/* -- firefox -- */
				#margin-right:30px;		/* -- para IE -- */
				_margin-right:30px;		/* -- para IE -- */
				font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:10px; }
			#pienav ul{
				list-style: none;
				width:550px; 
				margin:0 auto;}
			#pienav ul li{
				float:left;	}
			#pienav ul li a{
				padding:0 5px;
				text-decoration:none; 
				display:block;
				color:#666666;}
			#pienav ul li a.hover{
				padding:0 5px;
				text-decoration:underline;
				display:block;
				color:#CC6600;}
			/* -- FOOTER NAVIGATION END -- */
	 
	 
	 
	 
	 
	 

/*--------------------for your text--------------------*/

	p{	font-family:Trebuchet MS,Verdana,Arial,Helvetica,Sans-serif;
		font-size:12px;
     }

h2,h3,h4,h5,h6{
     }
	 
	 
h1{		

     }


acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	
	}

blockquote {
	
	}

blockquote cite {
	
	}



hr {
	
	}

dl{
     }
     dt{
          }
          dd{
          }

ul{  list-style: none;
     }
	 
ul.post-meta {
	list-style: none;
}
ol{
     }
     li{
          }

    ul ul{
         }

blockquote{
     }
     blockquote p{
          }

code{
     }

pre{
     }

b, strong,i,em {
     }

img{	border:0;
     }

address {
     }

/*--------------------for links--------------------*/

	/*--------------------links generales--------------------*/
	a {	color:#666666;
		text-decoration:none;} 
	a:hover { 	color:#0066CC;
				text-decoration:underline;}
	a:link {  	color:#666666;     }
	a:visited {	color:#666666;   }
	small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
			color:#666666;}
		
	/*	titulos del post*/
	h3 a, h2 a{ 	color:#FF6633;}
	h2, h3 {		font-size:20px;}
	h3 a:hover, h2 a:hover {color:#0066CC;  /*--color del titulo de los post--*/
				text-decoration:none;}
				

	
/*--------------------iamges as a link--------------------*/
#imagen_logotimeout{
		position:absolute;
		background-image:url(images/logo_timeout.png);
		background-repeat:no-repeat;
		height:41px;
		width:150px;
		margin-left:117px;
		top:14px;}
#imagen_boton_inicio{
		position:absolute;
		background-image:url(images/boton_inicio.png);
		background-repeat:no-repeat;
		height:22px;
		width:72px;
		margin-left:655px;
		top:33px;}
#imagen_boton_empresa{
		position:absolute;
		background-image:url(images/boton_empresa.png);
		background-repeat:no-repeat;
		height:22px;
		width:98px;
		margin-left:730px;
		top:33px;}
#imagen_boton_contacto{
		position:absolute;	
		background-image:url(images/boton_contacto.png);
		background-repeat:no-repeat;
		height:22px;
		width:86px;
		margin-left:818px;
		top:33px;}		
#imagen_porque{
		background-image:url(images/porquetimeout.png);
		background-repeat:no-repeat;
		height:103px;
		width:512px;
		margin-top:0px;
		margin-bottom:10px;}
#imagen_novedades{
		background-image:url(images/novedades.png);
		background-repeat:no-repeat;
		height:40px;
		width:158px;}
#imagen_cam_anteriores{
		background-image:url(images/cam_anteriores.png);
		background-repeat:no-repeat;
		height:22px;
		width:254px;
		margin-top:10px;
		margin-bottom:5px;}
#imagen_ultimas_campanas{
		background-image:url(images/ultimas_campanas.png);
		background-repeat:no-repeat;
		height:30px;
		width:254px;
		margin-top:10px;
		margin-bottom:5px;}
#imagen_rss{
		background-image:url(images/rss.png);
		background-repeat:no-repeat;
		height:79px;
		width:252px;
		margin-top:5px;
		margin-bottom:5px;}
#imagen_lumma{
		background-image:url(images/pub_lumma.png);
		background-repeat:no-repeat;
		height:125px;
		width:125px;
		margin-top:5px;
		margin-bottom:5px;
		float:left;}		
#imagen_firefox{
		background-image:url(images/logo_firefox.png);
		background-repeat:no-repeat;
		height:125px;
		width:125px;
		margin-top:5px;
		margin-bottom:5px;
		float:right;}

/*a img{
     }
a:link img { 
     }
a:visited img { 
     }
a:link:active img, 
a:visited:active img {
      }*/

/*--------------------smilies --------------------*/

body img.wp-smiley{
     }



/*--------------------read more link--------------------*/

.more-link{
     }

/*--------------------pages with pagination--------------------*/
p.serif{
     }

/*--------------------search--------------------*/

#searchform{
     }

input#s{
     }

input#searchsubmit{
     }




/*--------------------comments--------------------*/
.alt {
	 
	}

.commentlist {
	 
	}


.nocomments {
	 
	}
 
.commentlist li {
	 
	}

.commentlist cite, 
.commentlist cite a {
	 
	}

.commentlist p {
	 
	}

#commentform p {
	 
	}

.commentmetadata {
	 
	}

#commentform input {
	}

#commentform textarea {
	}

#commentform #submit {
	 
	}

/*--------------------calendar--------------------*/
 
#wp-calendar th {
	 
	}


#wp-calendar {
	empty-cells: show;
	
	}

#wp-calendar #next a {
	
	}

#wp-calendar #prev a {
	
	}

#wp-calendar a {
	
	}

#wp-calendar caption {
	
	}

#wp-calendar td {
	
	}

#wp-calendar td.pad:hover { 
      }


/*-------------------- widgets---------------------*/
h2.widgettitle{
     }
.widget {
     }

/*--------------------Archive--------------------*/

li#archives{ 
     }

.widget_archives{
     }

/*--recent posts--*/


li#recent-posts{
     }

.widget_recent_entries{
     }



/*--------------------text widget--------------------*/
li.widget_text{
     }

/*--id in relationsship to the id of the widget*/
li#text-4{
     }
div.textwidget{
     }

/*--------------------links blogroll--------------------*/

li#links{
     }

.widget_links{
     }


/*--------------------categories--------------------*/

li#categories{
     }

.widget_categories{
     }



#entradas_anteriores {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
	} 
#entradas_anteriores a{ color:#FF3300;}

/* div de suscripcion por mail*/
#suscripcion_mail{
			border:1px solid #CCCCCC;
			margin: 0 auto; /*Center container on page*/ 
			width: 90%; /*Width of main container*/
			height:auto;
			margin-top:10px;
			padding: 10px;
		}	

		#texto_email_1 {
			font-family:Helvetica, sans-serif;
			font-size:11px;
			font-weight:bold;
			text-transform:uppercase;
			color:#003399;
			} 
			
		#texto_email_2 {
			font-family:Helvetica, sans-serif;
			font-size:11px;
			
			color:#003399;
			} 
		#forma_email
			{
			font-family:Helvetica, sans-serif;
			font-size:10px;
			color:#666666;
			}
			
#forma_mes {
			font-family:Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
			} 
