/************************************************************************************
*
*	PARA IE
*
************************************************************************************/


/************************************************************************************
*
*	GENERIC STYLE
*
************************************************************************************/

#body{
	font-family:"Trebuchet MS", sans-serif, Verdana;
	font-size:12px;
}

ul{
	list-style:none;
	margin:0;
	padding:0;
}

#header ul li {
	float:left;
}

a{
	text-decoration: none;
	border:0px solid;
	color:white;
}
 img {
 	border:0px solid;
 }
 
.avisoPublicidad {
	width:215px;
	height:115px;
	position:relative;
	margin-left:10px;
	background-position:bottom;
	background-repeat:no-repeat;
}

.avisoPublicidad conlinea{
	background-image:url(../images/bkg-box-green.gif);
}

/************************************************************************************
*
*	LAYOUT STYLE
*
************************************************************************************/

#body{
	margin:0px auto;
	width:960px;
}

#header{
	height:130px;
}


/************************************************************************************
*
*	MENU HEADER STYLE
*
************************************************************************************/

body{margin:0;padding:0;}
#main{float:left;width:620px;z-index:100;height:31px;background:url(../images/fondosearch.png) repeat-x;
margin-left:0px;margin-top: -6px;/* posici n del nav */
text-align:center;}
#header{ width:100%;}
#submenu{
  left:-120px;
  *left:-96px;
}
/* ------------- Men  de Navegaci n -------------------------- */

#nav{margin-top:0px;/*margen con el div */}
#nav li{width:150px;color:#FFFFFF; /*color base del texto*/float:left;margin:0;padding:0;list-style:none;background:transparent;text-align:center;position:relative;cursor:pointer;}
#nav #Indumentaria{
		width:110px;
}
#nav #Acesorios{
		width:90px;
}

#nav #Motor,
#nav #Trailers,
#nav #Cruceros,
#nav #Servicios,
#nav #Monotipos
{
		width:70px;
}

#nav #VerMas
{
		width:80px;
}

#nav #KiteWindsurf
{
		width:100px;
}

#nav #Velas{
		width:50px;
}


#nav #Motores,

#nav #Lanchas,
#nav #Veleros{
		width:60px;
}

#nav #Botes
{
	width:50px;
}

#nav #Vela{
	width:60px;
}

#nav li:hover{background:url(../images/fondoTop_menu.png) #1D446C;cursor:pointer;height:31px;}
#submenu li:hover{background:url(../images/fondoTop.png) #1D446C;cursor:pointer;height:26px;}
#nav li ul{padding-top:0px;/* referente a la parte superior */ }
#nav a{text-decoration:none;}
#nav li a{height:24px;display:block;margin-top:7px;color: #FFFFFF;}
#nav li a:hover{height:24px;background:url(../images/fondoTop_menu.png) #1D446C;}
#nav li li a:hover{text-decoration:none;}
#nav li li{margin-top:0px;background:url(../images/fondoTop.png) #1D446C;/* Transparencia en Internet Explorer */}
#nav li li a{ display:block;color:#FFFFFF;background:transparent url(nav.png) 0px 0px repeat scroll;}
#nav li li a:hover{color:#FFFFFF;background:transparent url(navhover.png) 0px 0px repeat scroll;/* Transparencia en Otros navegadores */}
li ul{padding:0.5em 0 1em 0;display:none;position:absolute;top:100%;left:0;}

li>ul{top:auto;left:auto;}
li li{float:left;border:0;display:block;background:transparent;}
li:hover ul,li.over ul{background:url(../images/fondoTop.png) #1D446C;display:block;}

/************************************************************************************
*
*	HEADER STYLE
*
************************************************************************************/

div #MenuHome{
	float:left;
	height:100px;
}

div #MenuTop{
	margin-top:0px;
	float:left;	
}

#MenuTop #top{
	margin-top:45px;	
}

div #MenuTopRight{
	float:left;
	margin-top:46px;
	height:54px;
	width:257px;
	text-align:right;
	background:url(../images/fondoTopLarge.png) #1D446C;
}

#MenuTopRight ul {
	color:#FFFFFF;
	margin-left:225px;
	margin-top:15px;
	text-align:right;
}
/************************************************************************************
*
*	HEADER STYLE
*
************************************************************************************/


#MenuTopRight ul li{
	height:20px;
	border:0px solid;
}

#MenuTopRight #linkIdioma{
	margin-top:5px;
}

#MenuTopRight #separador{
	border: 0px solid;
	width:20px;
	margin-top:5px;
	text-align:center;
	vertical-align:middle;
}

#headerSearch{
	float:left;
	height:31px;
	_height:38px; 
	font-size:14px;
	width:340px;
	background:url(../images/fondosearch.png);
	background-repeat:repeat-x;
	margin-left:0px;
	margin-top: -6px;
}

#headerSearch ul{
	margin-left:17px;
	margin-top:10px;
	color: white;
	font-size:14px;
}

#filtros{
	background:url(../images/fondosearch.png);
	float:left;
	height:31px;
	width:490px;
	margin-top:-6px;
	color: white;
	font-size:12;
}



#filtros li{
	width:100px;
	height:31px;
}


#filtros #Acesorios{
		width:80px;
}
#filtros #Servicios,
#filtros #Motor,
#filtros #Trailers
{
		width:70px;
}

#filtros #Botes,
#filtros #Vela{
	width:50px;
}


#filtros #Indumentaria{
		width:100px;
}

#filtros a{
	display:block;
	margin-top:10px;
	text-align:center;
}

#iptBuscador{
	background:url(../images/btnsearch.png) no-repeat;
	background-position: 5px;
	margin-top:-8px;
	margin-left:-14px;
	margin-right:10px;
	height:26px;
	width: 280px;
}

#iptBuscador input{
	margin-top:7px;
	margin-left:10px;
	width:250px;
	border:0px none;
	width:230px;
	*margin-top:1px;
	*margin-left:24px;
padding-left:0px;
	*height:13px;
	*font-size:11px;
	
}

/***********************************************************************************************
*
*		MENU DESPLEGABLE
*
***********************************************************************************************/

ul.menu
{
   list-style:none;
   z-index: 99;
}
ul.menu li
{
   position:relative; /* Las coordenadas de los ul inferiores ser�n relativas al <li> que los contiene */
}
ul.menu ul
{
   position:absolute; /* Esta posicion es relativa al <li> que contiene a este <ul> */
   left:30px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
}

ul.menu li:hover
{
   background-color: #134168;
}
/************************************************************************************
*
*	HEADER STYLE
*
************************************************************************************/

ul.menu li:hover > ul
{
	z-index:100;
   display:block;
   margin-top:-5px;
   z-index: 99;
   background-color: #134168;
}

ul.menu> li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
   position:absolute;
   left:0px;
   top:36px;
   width:150px;
   display:none;
   list-style:none;
}
ul.menu > li /* S�lo para li de primer nivel */
{
	
   display:inline;
   z-index: 99;
}

#submenu a{
	text-align:left;
	margin-left:15px;
}

#submenu li{
	height:26px;
	width:200px;
	z-index:100;
}

/************************************************************************************
*
*	CONTENT STYLE
*
************************************************************************************/


#article{
	height:640px;
	width:680px;
	background:url(../images/fondoarticulos.png) repeat-x; 
}


#article #title{
	margin:10px auto;
	width:660px;
	background:url(../images/titleArticulobody.png) repeat-x;
}

#title h2{
	margin-top:-23px;
	margin-left:34px;
	float:left;
	color:white;
	font-size:14px;
}

#article #left{
	margin-left:0px;
}

#article #right{
	margin-left:644px;
}

#content_article{
	margin:10px auto;
	width:660px;
	height:260px;
	background-color: #FFFFFF;
}
#content_article #space{
	float:left;
	height:260px;
	width:15px;
}

#unidArticle{
	float:left;
	width:195px;
	margin-left:20px;
}

#unidArticle p{
	color: #838383;
	font-size:11px;
	margin-bottom:3px;
	width:160px;
}

#unidArticle a{
	color: #506B3A;
	font-size:9px;
	height:20px;
	width:20px;
}

#unidArticle #imgmas{
	margin-top:6px;
}

#unidArticle a:hover{
	text-decoration:underline;
}

#unidArticle span{
	font-size:14px;
	color: #506B3A;
	margin-left:35px;
}

#unidArticle #separador{
	margin-left:20px;
	
}

#AvisosDestacados #avisos{
	margin-top:-10px;
	margin-left:588px;
	height:40px;
	background:url(../images/masavisos_down.png) no-repeat;
	
}

#AvisosDestacados #avisos img{
	margin-top:1px;
	margin-left:10px;
}


#AvisosDestacados #pelicula{
	float:left;
	margin-top:-7px;
	margin-left:500px;
	width:60px;
}


#selectType{
	float:left;
}

/************************************************************************************
*
*	LOGIN STYLE
*
************************************************************************************/
#loginform{

	position:absolute;
	right:295px;
	top:15px;
}

#imgLogin{
	width:20px;
	height:20px;
}

div #nameUser{
	position:absolute;
	right:-140px;
	width:250px;
	top:3px;
	text-align:right;
}

#userName{
	color:#95bdcf;
	
}

#logoutLogin{
	color:#b0cedb;
	text-decoration: underline;
}

/************************************************************************************
*
*	PAGINATOR STYLE
*
************************************************************************************/
#paginador{
	height:10px;
	
	margin:5px auto;
	*margin-bottom:20px;
	width:700px;
}

.datanav{
	text-align:center;
}

#numerosPaginas{
	width:20px;
	text-decoration: underline;
	color: black;
}

#setPaginas{
	width:90px;
}

.datanav li{
	float:left;
	width:140px;
}


.datanav li a{
	color:#6BA3B4;
}

#PaginaSeleccionada{
	width:15px;
	color:#234F78;
}
#ayudaOpcionales{
	font-size:14px;
	font-weight:normal;
	color:blue;
}

.clearboth{
	clear:both;
}