/* CSS Document */

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

/* Fonts and Headings*/

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



html {

height: 100%;

min-height: 100%; 

}



body {

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
    height: 100%;
    min-height: 100%;
	background-color: #fff;
	background-image: url(images/htmlbackground.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align:center;

}



p {

	text-align: justify;
	font-size: 12px;

}



ul {

	text-align: left;
	font-size: 12px;

}





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

/* links */

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

a:link {
	color:#000000;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #FF0000;
}

a:active {
	color: #000000;
}





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

/* backgrounds & layout*/

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

div {

vertical-align: top;

padding: 0px;

margin: 0px;

}



#contenedor{

width: 900px; height:auto; min-height: 100%;  text-align: center; margin-left: auto; margin-right: auto; background: url(images/bodybackground.jpg); background-repeat: no-repeat; background-position: top; display: table;

}


#container {

background-color: #FFFFFF; width: 878px; height: auto; padding-top: 15px; margin-left: auto; margin-right: auto;

}


#topnav {

width: 100%;
height: 44px;
text-align: center;

}

#banner {
background-image:url(images/bigbanner1.jpg);
width: 878px;
height: 322px;
}
#banner1 {
background-image:url(images/contactenosbanner.jpg);
width: 878px;
height: 322px;
}

#topshadow {
width: 100%;
height: 19px;
background: url(images/topshadow.jpg); 
background-repeat: no-repeat;
background-position: top center;
}

#greenrectangle {
width: 277px;
background: url(images/greenrectanglemiddle.jpg);
height:100%;
margin-left: auto;
margin-top:25px;
margin-right: auto;
text-align: center;
color: white;
}

#topgreen {
background: url(images/greenrectangletop.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 100%;
padding-top:2px;
height: 58px;
color: white;
}

#bottomgreen {
background: url(images/greenrectanglebottom.jpg);
background-repeat: no-repeat;
background-position: bottom center;
color: white;
width: 100%;
height: 21px;
}

#breadcrumb {

font-size: 10px; text-align: left; vertical-align: top; background-color: #E6E6E6; width: 98%; margin-top: 10px;

}

#footer {

width: 901px;
background-image: url(images/footershadow.jpg);
background-repeat: no-repeat;
height: 41px;
text-align: center;
margin-left: auto;
margin-right: auto;

background-position:bottom;
clear:both;

}



.index {

background-image: url(images/index.jpg);

}



.accesorios {

background-image: url(images/accesorios.jpg);

}



.playa {

background-image: url(images/playa.jpg);

}





.oficina {

background-image: url(images/oficina.jpg);

}



.casual {

background-image: url(images/casual.jpg);

}



.noche {

background-image: url(images/noche.jpg);

}



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

/* clases miscelaneas */

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





/* boxes */

/* Show only to IE PC \*/

* html .boxhead h2 {height: 1%;} /* For IE 5 PC */



.sidebox {

	margin: 0 auto; /* center for now */

	width: 100%; /* ems so it will grow */

	background: url(images/flavortopback.gif) no-repeat top left;

	font-size: 100%;

}

.boxhead {

	/* background: url(images/head_r.gif) no-repeat top right; */

	margin: 0;

	padding: 0;

	text-align: center; 

}

.boxhead h2 {

	/* background: url(images/head_l.gif) no-repeat top left; */

	margin: 0;

	padding: 5px 7px 0px;

	/* border-bottom: #FFFFCC 2px solid; */

	text-align: left;

	color: black; 

	font-weight: bold; 

	font-size: 20px; 

	line-height: 1em;

	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */

	width: 100%;

}

.boxbody {

	/* background: url(images/body_l.gif) no-repeat bottom left; */

	margin: 0;

	padding: 5px 5px 31px;

}





.cssnav
{
position: relative;

font-family: arial, helvetica, sans-serif;

font-weight: 500;

background: url(images/buttonoff.jpg)  no-repeat;

white-space: normal;

display: block;

width: 108px;

height: 30px;

margin: 0;

padding: 0;

text-align: center;

}



.cssnav a

{

display: block;

color: #000000;

font-size: 16px;

width: 108px;

height: 30px;

display: block;

float: left;

color: black;

text-decoration: none;

text-align: center;

}



.cssnav img

{

width: 108px;

height: 30px;

border: 0

}



* html a:hover

{

visibility:visible;

}



.cssnav a:hover img

{

visibility:hidden;



}



.cssnav a:hover 

	{color: #999999;}



.cssnav span

{

position: absolute;

left: 15px;

top: 10px;

margin: 0px;

padding: 0px;

cursor: pointer;

text-align: center;

font-size:11px;
} 






.cssnav_inicio
{
position: relative;

font-family: arial, helvetica, sans-serif;

font-weight: 500;

background:url(images/inicio.jpg) no-repeat;

white-space: normal;

display: block;

width: 90px;

height: 30px;

margin: 0;

padding: 0;

text-align: center;

}



.cssnav_inicio a

{

display: block;

color: #000000;

font-size: 16px;

width: 120px;

height: 40px;

display: block;

float: left;

color: black;

text-decoration: none;

text-align: center;

}



.cssnav_inicio img

{

width: 120px;

height: 40px;

border: 0

}


.cssnav_inicio a:hover 

	{color: #999999;}



.cssnav_inicio span

{
	position: absolute;
	left: 14px;
	top: 3px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-align: center;
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
} 


.cssnav_menu
{
position: relative;

font-family: arial, helvetica, sans-serif;

font-weight: 500;

background:url(images/bottonon.gif) no-repeat;

white-space: normal;

display: block;

width: 92px;

height: 45px;

margin: 0;

padding: 0;

text-align: center;

}



.cssnav_menu a

{

display: block;

color: #000000;

font-size: 16px;

width: 92px;

height: 45px;

display: block;

float: left;

color: black;

text-decoration: none;

text-align: center;

}



.cssnav_menu img

{

width: 92px;

height: 45px;

border: 0

}



* html a:hover

{

visibility:visible;

}



.cssnav_menu a:hover img

{

visibility:hidden;



}



.cssnav_menu a:hover 

	{color: #999999;}



.cssnav_menu span

{
	position: absolute;
	left: 12px;
	top: 23px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	text-align: center;
	font-weight:bold;
	font-size:11px;
} 

.footnote {

font-size: 10px; margin: 20px; text-align: center;

}



.reddot {

font-size: 10px; color: red; font-weight: bold;

}



.shopping_cart_table {

border-top: black solid 1px; border-bottom: 0px; border-left: 0px; border-right: 0px; vertical-align:top;

}



.shopping_cart_table_zero {

border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; vertical-align:top;

}



.imagen {

margin: 10px;

}