/* CSS Document */

html {font-size: 100%;}


body 	{
	background:#000000;
	font: 12px Geneva, Arial, Helvetica, sans-serif normal;
	color:#000000;
	height: 100%;
	text-align: left;
	margin: 0;
}

a:link {color: #FFFFFF;text-decoration: none;}
a:visited {color: #FFFFFF;text-decoration: none;}
a:hover {color: #FF0099;text-decoration: none;font-size:100%;}
a:active {color: #FFFFFF;text-decoration: none;}




#cabezal{
	height:170px;
	width:960px;
	margin:auto;
	background-color:#CCC;
	background-image: url(images/CABEZAL_VITO1.png);
}


p	{font-size: 12px; text-transform:none;} /* cuerpo de texto */
h1 	{font-size: 12px; color:#333; text-transform:none;} /* texto para seo en cabezal */
h2 	{font-size: 15px; color:#FFFFFF; padding-top:5px;} /* Titulos de cuerpo de texto sobre barras*/
h3	{font-size: 12px; color:#FF3399; text-transform: uppercase;} /*Subítulos de cuerpo de texto*/
h4	{font-size: 12px; color:#333333;} /*cuerpo de texto lateral*/
h5	{font-size: 11px; color:#FFFFFF; text-align:center;} /*pie de página y de imagenes*/
h6	{font-size: 11px; color:#FFFFFF; padding-top:5px;}
h6 a:link {font-size: 12px; color:#FF3399; text-decoration: none;}
h6 a:hover {font-size: 12px; color:#333333; text-decoration: none;} 
h6 a:visited {font-size: 12px; color:#FF3399; text-decoration: none;} 
h6 a:active {font-size: 12px; color:#FF3399; text-decoration: none;}
h3+h3 {margin:20px; color:#333;}
h6+h3 {margin:20px; color:#333;}
h3+h6 {margin:20px;}
p+h6 {margin:20px;}

.wrapper{
	height:170px;
	width:960px;
	margin:auto;
	background-color:#CCC;
	background-image: url(images/CABEZAL_VITO1.png);
	}

.back{
	width: 960px;
	margin:0 auto;
	border:0;
	background-color:#FFFFFF repeat-x repeat-y;
	position: relative;
	}

/*----------------------------CABEZAL*/
.header	{
	width: 960px;
	height: 170px;
	margin: 0 auto;
	background:;
	}
h1	{
	width: 350px;
	height: 109px;
	background:;
	margin: 0;
	position: absolute;
	top: 21px;
	left: 42px;
	overflow: hidden;
	}
h1 a:link, h1 a:hover, h1 a:visited, h1 a:active{
		display: block;
		width:297px;
		height:59px;
		text-indent: -100000px;
	}
/*-----------------------------------NAVEGACIÓN*/
.nav	{
	width:960px;
	height:28px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	background: url(images/bg_nav.gif) repeat-x top;
	margin:0;
	text-align:center;
	}
	
	.nav ul li{
	display:block;
	float:left;
	width:120px;
	height:100%;
	text-align:center;
	list-style-type:none;
}
	
.nav ul {
	margin:0;
	padding:0px;
	padding-top: 2px;
	list-style:none;
	}
.nav li {
	float: left;
	padding-top: 2px;
	margin: 0 0;
	border-bottom:0px;
	text-transform:uppercase;
	}
.nav a {
	float:left;
	display:block;
	padding: 2px 7px 5px 7px;
	text-decoration:none;		 
	float:none;
	}	
.nav li:hover {padding-top:2px; color: #FF0039; text-decoration: none;}

#abajo_menu{
    background-color:#000000;
	height:5px;
}
	
/*-----------------------------------INDEX*/
.header_in{
	widht:960px;
	height:170px;
	background: no-repeat top;
}
.cont_in{
	width: 960px;
	height:456px;
	background-color:#FFFFFF;
	position: relative;
	clear:both;
	margin:0 auto;
}
#foto1{
	float:left;
	width:270px;
	height:454px;
	border:0;
	margin:0;
	position:absolute;
	top:2px;
	left:100px;
	background: #ffffff url(images/foto_in_01.jpg) no-repeat top;
	}
#foto2{
	float:left;
	width:270px;
	height:454px;
	border:0;
	margin:0;
	position:absolute;
	top:2px;
	left:370px;
	background: #ffffff url(images/foto_in_02.jpg) no-repeat top;
	}
#foto3{
	float:right;
	width:270px;
	height:454px;
	border:0;
	margin:0;
	position:absolute;
	top:2px;
	left:640px;
	background: #ffffff url(images/foto_in_03.jpg) no-repeat top;
	}
/*-----------------------------------CONTENIDO*/
.content{
	width: 956px;
	margin-left: 50px;
	background-color:#FFF;
	position: relative;
	clear:both;
	margin:0 auto;
	padding: 10px 0 10px 0;
	border: 2px solid #FF3399;
}
.leftcolumn{
	float:left;
	width:700px;
	margin:0 10px 0 10px;
	padding:0 10px 0 10px;
	background-color:#FFFFFF;
	border-right: 2px solid #FF3399;
	
}

.content1{
	float:left;
	width:956px;
	margin:0;
	padding:0 auto 0 auto;
	background-color:#FFFFFF;
	border: 2px solid #FF3399;
}
	#barra_title{
	width:590px;
	height:25px;
	padding-left:10px;
	text-align:left;
	padding-bottom:2px;
	background: url(images/bg_title.gif) no-repeat top;
	margin-bottom: 10px;
	}
	
	#barra_title1{
	width:590px;
	height:25px;
	text-align:left;
	background: url(images/bg_title.gif) no-repeat top;
	margin: 20px;
	padding-left:10px;
	padding-bottom:2px;
	}
	
	#barra_title ul{
	list-style: none;
	text-align:left;
	margin:0;
	}
	#barra_title ul li{
	width:600px;
	height:15px;
	padding-top:10px;
	background: url(images/bg_title.gif) no-repeat top;
	text-align: center;
	}
	#images{
	float:left;
	width:250px;
	background-color:#5e5f62;
	padding:2px;
	margin: 0 10px 10px 0;
	text-align: left;
	}
	#imagesh{
	float:left;
	width:174px;
	background-color:#5e5f62;
	padding:0px;
	margin: 0 10px 10px 0;
	text-align: left;
	}
	#images2{
	float:left;
	width:174px;
	height:255px;
	background-color: #5e5f62;
	padding:2px;
	margin: 0 10px 10px 0;
	text-align: left;
	}
	#images_flash{
	float:left;
	width:300px;
	padding:2px;
	margin: 0 10px 10px 0;
	text-align: left;
	}
	#text_left{
	float:right;
	width: 400px;
	padding: 0 10px 0 10px;
	text-align:left;
	}
	#logo{
	padding:20px;
	text-align:center;
	}
	#clear	{clear:both;}
	
.rightcolumn{
	float:right;
	width:180px;
	border-top:5px;
	border-bottom: 5px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background-color:#FFFFFF;
}



	.link_right	{
	width:169px;
	height:191px;
	background: url(images/bg_links.gif) no-repeat top;
	padding-top:7px
	}
	.link_right ul{
	list-style-type: none;
	padding-left:0;
	margin: 0;
	text-align:center;
	}
	
	.link_right ul li{
	margin:0;
	}
	.link_right ul li a
	{text-align:center;
	padding-left:0;
	text-decoration: none;
	color:#FFFFFF;
	}
    .link_right ul li a: hover
  	{text-align:center;
	padding-left: 0;
	text-decoration: none;
	color:#FF3399;
	}
	#title_right{
	margin-top:10px;
	width:159px;
	height:24px;
	padding-left:10px;
	text-align:center;
	padding-bottom:2px;
	background: url(images/bg_title_lateral.gif) no-repeat top;
	}
	#title_right ul{
	list-style: none;
	text-align:left;
	margin:0;
	}
	#title_right ul li{
	width:169px;
	height:26px;
	padding-top:10px;
	background: url(images/bg_title_lateral.gif) no-repeat top;
	text-align: center;
	}
	.notes{
	width:159px;
	text-align: left;
	margin:10px auto;
	padding:8px;
	background-color:#CCC;
	border-top: 2px dotted #999999;
	border-bottom: 2px dotted #999999;
	}
	
	.notes1{
	width:159px;
	text-align: center;
	margin:0;
	background-color:#FFF;
	
	}
	
	#noticias{
	margin-top:15px;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align: center;
	background: url(images/bg_noticias.gif) no-repeat top;
	}
	#inscripcion{
	margin-top:0;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align: center;
	background: url(images/bg_inscripcion.gif) no-repeat top;
	}
	#reglas{
	margin-top:0;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align:center;
	background: url(images/bg_reglas.gif) no-repeat top;
	}
	#premios{
	margin-top:0;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align:center;
	background: url(images/bg_premios.gif) no-repeat top;
	}
	#concursos{
	margin-top:0;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align:center;
	background: url(images/bg_concursos.gif) no-repeat top;
	}
	#itinerante{
	margin-top:0;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align:center;
	background: url(images/bg_itinerante.gif) no-repeat top;
	}
	#galeria{
	margin-top:0;
	width:168px;
	height:25px;
	padding-top: 6px;
	text-align:center;
	background: url(images/bg_galeria.gif) no-repeat top;
	}	
/*-----------------------------------GALERIA*/
#space{
	float:left;
	width:115px;
	padding:2px;
	text-align:center;
}

#pics_1	{
	float: left;
	width:260px;
	height:280px;
	padding-left: 10px;
	padding-right:10px;
	text-align:left;
	}
#pics_2	{
	float:left;
	width:260px;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
	}
	
	.DESTACADO {
	color: #FF0099;
	font-weight: bold;
}

td { margin: 5px;
padding:0 auto 0 auto;
}

/*-----------------------------------PIE*/
.footer	{
	width:960px;
	color:#FFFFFF;
	text-align:center;
	
}