/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Título : Vago´s

Descripción : vagos.css

Creado : 28 de octubre, 2008

- - - - - - - - - - - - - - - - - - - - - */


/***********************/
/* ATRIBUTOS DE PAGINA */
/***********************/
body,th {
	font-family: Verdana;
	font-size: 12px;
    line-height: 18px;
	color: #999;
}
html, body{
	height:100%;
}
body {
	margin:0px;
	background:url(../img/fondos/internas.jpg) no-repeat top center;
	overflow:hidden;
}

#index{
	background:url(../img/loader.gif) no-repeat center;
}


#fade1{
	background:url(../img/fondos/home1.jpg) no-repeat top center;
	width:1280px;
	height:1024px;
}
#fade2{
	background:url(../img/fondos/home2.jpg) no-repeat top center;
	width:1280px;
	height:1024px;	
}
#fade3{
	background:url(../img/fondos/internas.jpg) no-repeat top center;
	width:1280px;
	height:1024px;	
}

#fotos{
	background:url(../img/fondos/internas_tenue.jpg) no-repeat top center;
}

a {
	text-decoration: none;
	color: #666666;
	font: 12px Verdana;	
}

a:hover {
	text-decoration: none;
	color: #333;
	font: 12px Verdana;
}

h1 {
	font-size: 14px;
	font-weight:bold;
	color: #666666;
	text-transform:uppercase;
	padding:20px 0 10px 0;
	margin:0 0 0 20px;
	color:#F3527B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:#AEF725 1px solid;
}
h2 {
	font-size: 13px;
	font-weight:bold;
	color: #666666;
	text-transform:uppercase;
	color:#F3527B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;	
}

p{
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	padding-left:40px;
}

form {
	margin: 7px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

/****** TOP ******/

#top {
	height: 122px;
	background-image: url(../img/botonera/borde.jpg);
	background-repeat:repeat-x;}

#cabecera {
	margin: 0 auto;
	background-image: url(../img/botonera/borde.jpg);
	background-repeat:repeat-x;
	height:122px;
}
#cabecera_content{
	width:980px;
	margin:0 auto;
	padding:25px 0;
}
.sonido{
width:124px;
height:30px;
padding-top:50px;
padding-left:200px;
float:left;
}

/*BARRA MENU*/
#botonera{
width:980px;
margin:auto;
text-decoration:none;
margin-top:0px;
*margin-top:-14px;
}

#index #botonera #nav li.index a, #vagos #botonera #nav li.vagos a, #fotos #botonera #nav li.fotos a, #back #botonera #nav li.back a, #marcas #botonera #nav li.marcas a, #tiendas #botonera #nav li.tiendas a, #promociones #botonera #nav li.promociones a, #catalogo #botonera #nav li.catalogo a, #wallpapers #botonera #nav li.wallpapers a, #contactos #botonera #nav li.contactos a{
	background:url(../img/botonera/tab_verde.gif) bottom;
}

#catalogo #botonera #nav li.catalogo ul li a, #wallpapers #botonera #nav li.wallpapers ul li a,  #fotos #botonera #nav li.fotos ul li a{
	background-image:none;
}


#nav, #nav ul { 
	padding: 0;
	margin: 0 0 0 30px;
	list-style: none;
	width: 980px;
	text-align:center;
	display: block
}



#nav a {
	display: block;
	width:106px;
	text-align:center;
}
#nav li a { 
	background:url(../img/botonera/tab_blanco.gif) bottom;
	background-repeat:no-repeat;	
	color:#666666;
	text-align:center;
	padding:9px 0;
	display:block;	
}
#nav li a:hover { 
	background:url(../img/botonera/tab_rosa.gif) bottom;
	color:#FFFFFF;
	display:block;
	text-align:center;
}
#nav li li a{ 
	background:none;
	text-align:center;
	display:block;
	height:21px;
	padding-top:10px;
}
#nav li.items { 
	margin-right: 0px;
}

#nav li.items a.items {
	text-decoration: none;
}
#nav li.items a.items:hover {
	display: block;
	width: 106px;
}

/* ############################ */
#nav li { 
	float: left;
	display:block;
	margin-left:1px;
}

#nav li ul { 
	position: absolute;
	width:105px;  /*para agrandar el sub nivel*/
	left: -999em; 
	padding-top:0px;
	margin:0;
}
#nav li ul li {
	width:106px; /*para agrandar el sub nivel*/
	display:block;
	background-color: #FFFFFF;
}

#nav li ul li a {
	display: block;
	width:106px;
	text-decoration: none;
	color: #666666;
}
#nav li ul li a:hover {
	color: #FFFFFF;
	display: block;
	width:106px;
	text-decoration: none;
	background-color:#f7547a;
	background-image:none;
}

#nav li ul ul { 
	margin: -33px 0 0 13em;
	width: 10em;
}

#nav li ul ul li {
	width: 10em;
	/*border-bottom: #fff 1px solid;*/
}

#nav li ul ul li a:hover{
	color: #666666;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

/****** BARRA TIENDA ******/
#menu {
	margin:0;
	width:400px;
	color:#666666;
	float:right;
	margin-top:-50px;
}

#menu ul li{
	float:left;
	display: block;
	text-decoration:none;
	list-style:none;	
}

.boton {
	float:left;
}

.boton a {
	float: left;
	padding:10px;	
	font: 11px Tahoma;
	display: block;
}

.boton a:hover {
	color:#FFFFFF;
	font-size:11px;
	background:#F4527B;
	display: block;
}

.boton .current {
	color:#red;
	font-size:11px;
	border:solid 1px #F4527B;
	display:block;
}



/****** CONTENIDO ******/

#contenedor {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	padding: 0px 30px 30px 0;
	background-color: #FFFFFF;
}

#img{
float: left;
margin-top:20px;
}

#img2{
float: left;
}


#medio {
	width: 980px;
	margin: auto;
	margin-top:75px;
	*margin-top:0;
}
#mediopromo {
	width: 980px;
	margin: auto;
	margin-top:75px;
}

#medio2 {
	width: 980px;
	margin: auto;
	margin-top:75px;
	*margin-top:0;	
}

#contenedorfoto {
	width: 970px;
	margin: 20px;
}

.info {
	width: 980px;
	margin: auto;
	color:#FFFFFF;
	font: Tahoma 12px;
}

.txt {
	float:left;
	width: 640px;
	color:#666666;
	font: Tahoma 12px;
	padding-top:10px;
	text-align:justify;
	padding-right:10px;
}
.txt_sin_img {
	float:left;
	color:#666666;
	font: Tahoma 12px;
	padding-top:10px;
	text-align:justify;
	padding-right:10px;
}
#contenedor_marcas{
	padding: 40px 0 30px 100px;
}
.logo_marcas{
	float:left; 
	padding-left:20px;
}

.foto {
float:left;
padding:5px;
margin-left:20px;
}

.foto2 {
float:left;
padding:5px;
margin-left:80px;
margin-top:6px;
*margin-left:40px;
*margin-top:0px;
}

.foto3 {
margin-left:25px;
padding:5px;
padding-top:5px;
*padding-top:0px;
*margin-top:0px;
}



.foto4 {
margin-left:25px;
padding:5px;
padding-top:25px;
*padding-top:20px;
*margin-top:0px;
}

#tienda {
	float:left;
	width:400px;
	margin:0;
	background-color:#FFF;
	margin-top:20px;
	margin-left:20px;
	*width:415px;
	*margin-left:5px;
}

.tiendainfo {
float:left;
width:182px;
padding:8px;
font-size:11px;
text-decoration: none;
list-style:none;
*width:152px;
}

.tiendainfo a {
	padding:2px 2px 2px 2px;
	float: left;
	font: 11px Tahoma;
	display:block;
	width: 170px;
	line-height:18px;
}

.tiendainfo a:hover {
	background-color: #F4527B;
	padding:2px 2px 2px 2px;
	float: left;
	font: 11px Tahoma;
	display:block;
	width: 170px;
	line-height:18px;
	color:#FFFFFF
}

.tiendainfo .current {
	border:solid 1px #F4527B;
	padding:2px 2px 2px 2px;
	float: left;
	font: 11px Tahoma;
	display:block;
	width: 170px;
	line-height:18px;
	color:#F4527B;
}

.tiendainfo2{
	width:268px;
	float:left;
	margin:25px 5px 30px 0;
	padding:10px 5px 20px 5px;
	border:solid 1px #F4527B;	
}

#logop{
	float:left;
	padding-left:900px;
	padding-top:280px;
	*padding-top:250px;
}

#internatienda{
float:left;
margin-left:15px;
padding-top:25px;
*padding-top:0px;
}

#contacto {
float:left;
width:610px;
margin:0;
padding-left:20px;
}

/****** FOOTER ******/
#footerfondo{
	position: absolute;
	bottom: 0%;
	background-color:#FFFFFF;
	width:100%;
	left: 0;
	margin:0;
	padding:0;
	clear: both;
	height:27px; 
	border-top:solid 1px #F4527B;	
}

#footer{
	width:980px;
	margin:0 auto;
}

/* ********************************************************************* */

.construccion{
	font-size:20px;
	color:#F4527B;
	text-align:center;
	font-weight:bold;
	padding:70px;
}
.campo{
	border:solid 1px #F4527B;
	padding:5px;
	background:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}
.boton_enviar{
	background:#F4527B;
	padding:5px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	border:none;
	width:160px;
}