@media screen {
/************************************************/  
/* CSS 2.0 CONTACTSHOES.COM                     */
/* @file: general.css                           */
/* @date: FEBRUARY 2009 [REDISEÑO]              */
/* @author: netconsulting                       */
/* @email: jflillo@netconsulting.es             */
/* @url: www.netconsulting.es                   */
/************************************************/   

	/*-- GENERALES --------------------------------------------------*/
	html, body {
		margin: 0;
		padding: 0;
		color: #4C4C4C;
		font-size: 82%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-family:Tahoma;
		background:url(../images/bg_body.jpg) no-repeat center top #e7e7e7;

	}
	
	.clear {
		float: none;
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		font-size: 0;
	}
	
	a {
		color:#333;
		text-decoration:none;
	}
	
	a img{ border: 0;}
	
	ul, ul li{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	h1, h2, h3, h4, h5, h6{
		margin:0;
		padding:0;
		font-size:100%;
	}
	
	.clear{	
		clear: both;
		margin:0;
		padding:0;
	}
	
	/*-- CANVAS --*/
		
	#canvas {
		margin: 0 auto;
		width: 766px;
		text-align: left;
		background: #fff;
		background:url(../images/bg_canvas.jpg) no-repeat center top #e7e7e7;
		padding: 0 20px 0 20px;
	}
	
	
	/*-- CABECERA --*/
	
		#cabecera{ 
			background:url(../images/bg_header.jpg) repeat-x top left; 
			float:left;
			width: 766px;
			height:130px;
		}
		
		/*-- logotipo --*/
		#logotipo a{
			float:left;
			background:url(../images/logotipo_contactshoes.jpg) no-repeat top left;
			width:275px;
			height:109px;
		}
		
			#logotipo a{ text-indent:-999px; }
		
		
		/*-- idiomas --*/
		#idiomas{
			float:left;
			width:186px;
			height:27px;
			margin-top:31px;
			margin-left:11px;
		}
		
			#idiomas li{ 
				float:left;
				width:17px;
				height:17px;
				
			}
				#idiomas li a{
					float:left;
					width:17px;
					height:17px;
					cursor:pointer;
					border:1px solid;
       			}
					
			
				#idiomas .spanish{ background:url(../images/flag_spain.jpg) no-repeat top left;text-indent:-999px; margin-right:5px;}
				
				#idiomas .english{background:url(../images/flag_english.jpg) no-repeat top left;text-indent:-999px;margin-right:5px;}
				
				#idiomas .german{background:url(../images/flag_germany.jpg) no-repeat top left;text-indent:-999px;}
		
		
		/*-- handy-links --*/
		#handy-links{
			float:right;
			width:186px;
			height:27px;
		}
		
			#handy-links li{
				float:right;
				width:16px;
				height:16px;
				margin-top:35px;
				margin-right:10px;
				
			}
		
			#handy-links a.sitemap{ background:url(../images/ico_sitemap.jpg) no-repeat top left;	}
			#handy-links a.mail{ background:url(../images/ico_mail.jpg) no-repeat top left; }
			#handy-links a.home{ background:url(../images/ico_home.jpg) no-repeat top left; }
			
			#handy-links a{
				width:16px;
				height:16px;
				float:right;
			}

					#handy-links a:hover{ border-bottom:1px dotted;	}

					#handy-links a span{ 
						border:1px solid;
						display:none;
					}

		/*-- MENU --*/
		#menu {
			float:right;
			border-top:6px solid #fff;
			height: 111px;
			width: 470px;
			height:70px;
			padding:0 5px;
		}
		
			#menu li {
				float:left;
				width:94px;
				height:64px;
				background:url(../images/bg_bt_menu.jpg) no-repeat top left;
				list-style-type: none;
			}
			
			#menu li a {
				font-size:95%;
				font-weight:bold;
				float:left;
				width:82px;
				color:#fff;
				line-height:17px !important;
				margin-top:28px;
				margin-left:5px;
				text-transform:capitalize;
			}
			
				#menu li a:hover{ color:#000;}
				
				#menu li a:hover span{ color:#d2060c;}
				
				#menu li a span{
					display:block;
					color:#2e2e2c;
				}

	
	/*-- CONTENT --*/
		#content {
			float:left;
			clear:both;
			width:766px;
			min-height:430px;
			padding-top:10px;
			padding-bottom:20px;
			background-color:#fff;
			
		}
			#content p { text-align:justify;}
			
			#content .edificio{ 
				float:right; 
				vertical-align:top; 
				margin:0 0 5px 10px;
			}
						
			#content p{	margin: 5px 20px;}
			
	
		.title_h1{
			background:url(../images/bg_title_h1.jpg) no-repeat top left;
			width:750px;
			height:37px;
			color:#fff;
			font-size:130%;	
			padding: 7px 0 0 32px;
			margin:5px;
		}
			
		
		.title_h2{
			width:590px;
			height:47px;
			font-size: 120%;
			font-weight: bold;
			margin:10px 5px 0 0 !important;
			padding:12px 0 0 15px;
			background:url(../images/bg_title_h2.jpg) no-repeat top left;
		}
		
		.title_h3{
			width:590px;
			height:47px;
			font-size: 120%;
			font-weight: bold;
			margin:10px 5px 0 0 !important;
			padding:12px 0 0 15px;
			background:url(../images/bg_title_h2.jpg) no-repeat top left;
		}
		
		.other_season{
			clear:both;
			text-align:right;
			color:#fff;
		}
		
			.other_season a{
			text-align:right;
				width:212px;
				height:29px;
				background:url(../images/bt_season2.jpg) no-repeat top right;
				float:right;
				color:#fff;
				margin:10px 0;
				padding-top:5px;
				padding-right:35px;
				font-size:120%;
				font-weight:bold;
			}
			
				.other_season a:hover{ color:#d2060c;}
		
			
		
	
				
		
		
	
	/*-----noticias-----*/
	div.noticia{
		margin: 10px 40px 40px 40px;
	}
		.noticia h3{
			clear: both;
			font-size: 140%;
			margin: 0 40px 0 0;
			border-bottom: 1px solid #E3E3E3;
		}
		.noticia p{
			width: 80%;
		}
		.noticia p img{
			float: left;
			margin-right: 10px;
		}
		.noticia a{
			color: #4C4C4C;
			text-decoration: none;
		}
			.noticia p a{
				color: #990000;
			}
				.noticia p a:hover{
					color: #4C4C4C;
				}
			.noticia a:hover{
				color: #990000;
			}
		div#detalle-noticia{
			margin-top: 20px;
		}
			div#detalle-noticia p{
				width: 80%;
			}
		p.imagen-noticia img{
			float: right;
			margin: 10px 40px 10px 10px;
			width: 125px;
		}
		
		p.imagen-noticia{
			display: inline;
		}
	/*-----genéricas------*/
	a.linkback{
		float:left;
		clear:both;
		width:150px;
		margin:10px 0;
		padding: 5px 0 5px 30px;
		text-decoration: none;
		color: #2f2f2e;
		font-weight: bold;
		background:url(../images/arrow_left.jpg) no-repeat top left;
	}
		a.linkback:hover{ color:#990000;}
		
	
	
	
	
	#content-central p.paginacion{
		margin-bottom:1px;
		display: block;
		text-align: center;
		background-color: #f1f1f1;
		padding: 10px 0;
	}
	
	#content-central p.paginacion a{
		color: #DF0209;
		border:1px solid #333333;
		padding:0 3px;
		text-decoration:none;
	}
	
	#content-central p.paginacion a.selected{
		color: #000000;
		border:0px;
		font-weight:bold;
	}
	
	/*-- CREDITS --*/
 
	#footer{
		background-color:#242423;
		background:url(../images/bg_footer.jpg) no-repeat bottom center #242423 !important;
		width: 100%;
		border-bottom:3px solid #999;
		clear: both;
	}
	
		#credits{
			background-color:#242423;
			margin:0 auto;
			width: 766px;
			height: 85px;
			clear: both;
			padding:15px 0;

		}
		
			#credits ul{ 
				clear:both; 
				float:left;
				width:766px;
				margin:0 10px 8px 12px;
			}

				#credits li{
					float:left;
					margin-right:5px;
					color:#9b2229;
				}

					#credits li a{
						float:left;
						color:#d6d6d6;
						text-decoration:none;
					}

					#credits li a:hover{ color:#d2060c;	}

				#credits li span {color:#d6d6d6; }

	/*-- enlaces --*/
	.enlaces{clear:both;}
	
		
	
		.enlaces p{ 
			clear:both;
			float:left;
			margin-left:12px;
			margin-bottom:3px;
			padding-left:20px;
			padding-bottom:2px;
			color:#9b2229;
			background:url(../images/link_16x16.gif) no-repeat top left;
			
		}
	
		.enlaces ul{
		}
	
		.enlaces li{ 
			margin-right:3px;
			
		}
		
			.enlaces li a{
				float:left;
				border:1px solid #333;
				padding:2px 5px;
				background:#666;
			}
			
				.enlaces li a:hover{
					background:#000;
				}
	
		
}