/*
Hoja de estilos de Tomate y Mozzarella
-----------------------------------------
Diego Vieito Ponte
  */

body {
	font-size : 72.5%; 
	font-family : 'Verdana', 'Arial', Sans-Serif;
}

a:link, a:visited {
	color:#333333;
	text-decoration:underline;
}

a:hover {
	color:#b7a402;
	text-decoration:none;
}



img {
	border:none;
}

ul, li, ul li {
    list-style: none;
}


#header {
	margin: 10px auto 20px;
	width: 350px;
	text-align: center;
	line-height:25px;
	font-size:90%;
}

:focus { -moz-outline-style: none; }

#content {
	margin: auto;
	padding: 0 0 0 45px;
	width:970px;
	font-size: 14px;
}

#num_1, #num_2, #num_1 a, #num_2 a, #num_3, #num_3 a, #num_4, #num_4 a, #num_5, #num_6, #num_5 a, #num_6 a, #num_7, #num_7 a, #num_8, #num_8 a   {
	height: 267px;
	width: 230px;
	float:left;
}

#num_1 a:link, #num_1 a:visited { display: block; background: url(../images/num1/port1.jpg); background-color:#FFFFFF; }
#num_1 a:hover { background: url(../images/num1/port1.jpg) 0px -270px; }
#num_2 a:link, #num_2 a:visited { display: block; background: url(../images/num2/port2.jpg); background-color:#FFFFFF; }
#num_2 a:hover { background: url(../images/num2/port2.jpg) 0px -274px; }
#num_3 a:link, #num_3 a:visited { display: block; background: url(../images/num3/port3.jpg); background-color:#FFFFFF; }
#num_3 a:hover { background: url(../images/num3/port3.jpg) 0px -270px; }
#num_4 a:link, #num_4 a:visited { display: block; background: url(../images/num4/port4.jpg); background-color:#FFFFFF; }
#num_4 a:hover { background: url(../images/num4/port4.jpg) 0px -270px; }
#num_5 a:link, #num_5 a:visited { display: block; background: url(../images/num5/port5.jpg); background-color:#FFFFFF; }
#num_5 a:hover { background: url(../images/num5/port5.jpg) 0px -270px; }
#num_6 a:link, #num_6 a:visited { display: block; background: url(../images/num6/port6.jpg); background-color:#FFFFFF; }
#num_6 a:hover { background: url(../images/num6/port6.jpg) 0px -274px; }
#num_7 a:link, #num_7 a:visited { display: block; background: url(../images/num7/port7.jpg); background-color:#FFFFFF; }
#num_7 a:hover { background: url(../images/num7/port7.jpg) 0px -270px; }
#num_8 a:link, #num_8 a:visited { display: block; background: url(../images/num4/port4.jpg); background-color:#FFFFFF; }
#num_8 a:hover { background: url(../images/num4/port4.jpg) 0px -270px; }



#capa_que {
	margin: auto;
	width:700px;
	height:auto;
	font-size: 14px;
}

#pie {
	color:#999999;
	width:400px;
	text-align:center;
	padding-top:90px;
	margin: -20px auto;
	clear:both;	
}