/********************************************
   AUTHOR:  			William Miranda Diseņo woobsing	 
   WEBSITE:   			http://www.woobsing.com/
	TEMPLATE NAME:		estilos
   TEMPLATE CODE: 	S-0014
   VERSION:          1.1   
	LAST MODIFIED:    junio-2010       	
 *******************************************/
 
/****************ontenido
****************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */



* { margin: 0; padding: 0; outline: 0 }

body {
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #333333; 
	text-align: center;
	margin-top: 0px;
	padding:0;
}

/* links */


a, a:visited {	
	color: # FFF;
	background: inherit;
	text-decoration: underline;
}
a:hover {
	color: # FFF;
	background: inherit;
	text-decoration: underline ;
}

/* headers */
h1, h2, h3 {
	font-family:  'Lucida Grande', 'Lucida Sans Unicode', "Segoe UI",'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: normal; 		
}

h1 {
	font-size:13px;	
	font-weight: normal;
	color: #fff;
}

h2 {
	font-size: 10px;
	color: #000;
	font-weight: normal;
}

h3 {
	font-size: 11px;
	color: #FFF;	
}

h4 {
	font-size:12px;	
	font-weight: bold;
	color: #FFF;
}

h1 {
padding-left: 10px;
}

h2 {
padding-left: 10px;	
}

h3 {
padding-left: 10px;	
}

h4 {
padding-left: 10px;

}

p {
padding-left: 10px;
font-size:11px;	
font-family:  'Lucida Sans Unicode', 'Trebuchet MS', arial, Tahoma, Sans-serif;
}

ul, ol {
	margin: 0;
	padding: 0 ;
}

ul {
	list-style: none;
}

/* images */

/* start - table */


/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

/********************************************
   LAYOUT
********************************************/ 
/*header*/
#header {
	background-image:url(../images/bg-header.png);
	background-repeat:repeat-x;
	width: 100%;
	position: relative;
	height:160px;
	padding: 0;
}
#header-fondo{
	background-image:url(../images/bg-wrap-repeat.png);
	background-repeat:repeat-x;
	width:100%;
	position:absolute;
	z-index:1;
	height:150px;
	top:10px;
	}
#contenedorlogo{
	position: relative ;
	width:1016px;
	height:108px;
	margin:0 auto;
	z-index:180;
	
	}
#logo{
	position:relative;
	float: left;
	height:60px;
	width:280px;
	left: 27px;
	top: 22px;
	}
/*menu-secundario*/
/*navigation-1*/
#nav { 
width:auto; 
height: 30px;
padding-top:10px;
z-index: 300;
margin:0 auto;

} 

ul#dropdownmenu { 
height : 20px;
text-align:center;
margin:0 auto;
width:auto;
}

ul#dropdownmenu li a {
margin: 0 auto;
font-weight : normal; 
color : #000; 
font-family : "Arial", Helvetica, sans-serif; 
font-size : 14px;
padding-right:20px;
padding-left:20px;
text-decoration:none;
} 


ul#dropdownmenu li a:hover { 
color: #C00;
margin:0 auto;
text-decoration:none;
}

ul li { 
display: inline;
}






/*navlargo*/
/*#nav-largo { 
clear : both; 
position : relative; 
width : 1016px; 
height : 40px; 
background-image : url(../images/bgmenu.png); 
background-repeat : repeat-x; 
z-index : 300;
margin: 0 auto;
} 
#nav-largo #contenedor { 
position: relative; 
width: 980px; 
height: 30px; 
padding-top: 10px; 
padding-bottom: 5px; 
z-index: 301; 
margin:0 auto;
} 
ul li { 
float : left;
display: inline;
} 
ul#dropdownmenu-largo { 
list-style : none; 
height : auto; 
width : auto; 
} 
ul#dropdownmenu-largo li { 
height : 35px; 
} 
ul#dropdownmenu-largo li a { 
position : relative; 
display : inline; 
padding-left : 20px; 
padding-right : 20px; 
margin-top : 6px; 
font-weight : normal; 
color : #000; 
font-family : "Arial", Helvetica, sans-serif; 
font-size : 13px; 
text-decoration : none; 
} 
ul#dropdownmenu-largo li span { 
color : #000; 
padding-left : 6px; 
padding-right : 6px; 
} 
ul#dropdownmenu-largo li a:hover { 
color: #C00; 
} 
ul#dropdownmenu-largo li ul { 
display : none; 
list-style : none; 
} 
ul#dropdownmenu-largo li:hover ul { 
display : block; 
background-color : #d1daef; 
margin : 0; 
padding : 10px; 
position : absolute; 
top : 38px; 
} 
ul#dropdownmenu-largo li:hover ul li { 
float : none; 
color : #000000; 
height : auto; 
width : auto; 
padding : 0; 
border : none; 
} 
ul#dropdownmenu-largo li:hover ul li a { 
color : #000000; 
padding-top : 0; 
padding-bottom : 0; 
padding-left : 4px; 
padding-right : 4px; 
margin : 0; 
border : none; 
font-family : 'Lucida Grande', 'Lucida Sans Unicode', "zurich", sans-serif, Geneva, Helvetica, Arial, Segoe UI, "Trebuchet MS", "Century Gothic"; 
font-size : 13px; 
} 
ul#dropdownmenu-largo li:hover ul li a:hover { 
color : #666666; 
} 
ul#dropdownmenu-largo li ul li ul, ul#dropdownmenu-largo li:hover ul li ul { 
display : none; 
margin : 0; 
} 
ul#dropdownmenu-largo li:hover ul li:hover ul { 
display : block; 
top : 0; 
left : 100%; 
} 
/* Navigation-2 */
#menu-secundario{
	position: absolute;
	margin:0 auto;
	width:auto;
	height:auto;
	float:right;
	top:5px;
	right:30px;
	}

#nav2  {
 	height:auto;
	width:auto;
		}
	
#nav2 ul {
	width: auto;
	display: inline;
    list-style: none;
}

#nav2 ul li {
	display: inline;
	margin: 0; 
	padding: 0px;
}

#nav2 ul li a {
position:relative;
display:inline;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', "zurich",  sans-serif, Geneva, Helvetica, Arial, Segoe UI, "Trebuchet MS","Century Gothic" ;
font-size: 11px;
text-align:center;
font-style: normal;
font-weight: normal;
text-transform: none;
color: #fff;
text-decoration: none;
margin-left:3px;
margin-right:0px;	
}


#nav2 ul li a:hover, 
#nav2 ul li a:active {
	color: #f95;	
}


#nav2 ul li ul {
		display: inline;
		list-style:none;
	}
	
#nav2 ul li:hover ul {
		display:block;
		background-color: #333333;
		margin-left:20px;
		padding:0px;
		position:absolute;
		width:auto;
		}
#nav2 ul a li ul li {
		float:none;
		color:#000000;
		}
	
#nav2 ul li:hover ul li {
		color:#000000;
		height:auto;
		width:100%;
		padding:0px;
		border:none;
	}
#nav2 ul li:hover ul li a {
	color: #FFFFFF;
	padding:3px;
	margin:0px;
	border:none;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;		
	}
#nav2 ul li:hover ul li a:hover{
	color: #FFCC00;
	}
#nav2 ul li:hover ul li:hover ul {
		display:block;
		top:0;
		left:100%;
	}
/*MENU PRINCIPAL*/
#menu-principal{
	position: absolute;
	height:40px;
	width:760px;
	display:inline;
	float: right;
	z-index:121;
	top:120px;
	left:256px;
}

#punta{
	width:36px;
	height:40px;
	float:left;
	}

#menu-botones{
	position: relative;
	width:724px;
	height:40px;
	float:right;
}
/*WRAP*/
#wrap {
	position: relative;
	width:1016px;
	margin: 0 auto;
	text-align: left;
	height:auto;
}
#content-wrap {
	position: relative;
	width:1016px;
	height:auto;
	margin:0 auto;
	}
/*promo360 y promociones*/
#promo{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	width:1016px;
	height:350px;
	background-color:#000;
	text-align:center;
  -webkit-border-radius: 10px;   /* Safari  */
  -moz-border-radius: 10px ;    /* Firefox */
  -Gecko-border-radius: 10px;
  -ms-border-radius: 10px; /*ie */
  border:#F90;
  border-style:solid;
 	}
/*#box-radius {
border-radius:10px;
behavior: url(/style/border-radius.htc);
 }sirve solo para relleno nada mas*/
	
#promociones{
	position:relative;
	width:1000px;
	height: auto;
	margin-bottom:10px;
	margin-top:10px;
	margin:0 auto;
	text-align:center;
			}

/*secciones*/

#cont-secciones{
	width:1000px;
	height:auto;
	position:relative;
	margin:8px;

}

#fotoshead{
	width:1000px;
	height:150px;
	position:relative;
	}


#menu-secciones{
	position:relative;
	height:40px;	
	width:1000px;
	margin:0 auto;
	}
	
#conte-seccion{
	position: absolute;
	background-image:url(../images/menu-secundario/bg-menu2.png);
	background-repeat:repeat-x;
	width:1000px;
	height:40px;
	margin:0 auto;
}

/*#menu2-izq{
	position:absolute;
	height:40px;
	width:15px;
	}

#menu2-der{
	position:absolute;
	height:40px;
	width:15px;
	float: right;
	right:0px;
	}*/


#caja-texto-foto{
	width:994px;
	height:auto;
	position:relative;
	display:inline-block;
	border-width:3px;
	border-bottom:#000 solid;
	border-left:#000 solid;
	border-right:#000 solid;
	top:-1px;
	}

#contenido-general1{
	height:auto;
	width:600px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:5px;
	clear:both;
	position:relative;
	text-align:justify;
	float:left;
	}

#fotosecciones{
	width:295px;
	height:389px;
	position:relative;
	float:right
	}

/*end secciones*/
			
/*FOOTER*/			
#footer {
	width: 1016px;
	height:180px;
	margin:0 auto;
	position:relative;
	clear:both;
	}
#footer-flash {
	width:1016px;
	height:90px;
	position:relative;
	margin: 0 auto;
	display:inline;
	}

#footer-txt{
	text-align: left;
	margin:0 auto;
	width:976px;
	height:80px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	background-image: url(../images/bg-header.png);
	position:relative;
	}



#footer-logo{
	 width:188px;
	 height:39px;
	 position:relative;
	 z-index:190;
	 float:right;
	 top:-55px;
	 right:20px;
	 }
