@import "undohtml.css";


/*==================================================
LAYOUT
==================================================*/
html, body{
	width:100%;
	height:95%;
	font:14px "Century Gothic", Verdana, Arial, Sans-serif;
	color:#333333;
}

a {color:#333;}
a:hover {color:#999999;}

h1,h2,h3{font-weight:lighter;}

#wrapper {
	width: 800px;
   	height: 500px;
	margin:0 auto;
}

#content{
	width:750px;
	height:438px;
	margin:0 auto;
	text-align:justify;
	border:1px solid #999999;
}

.clear{clear:both;}

.center{text-align:center;}

.left{text-align:left;}

.establecimientos{font-size:12px; margin-left:20px;}

#blackme{
	width:640px;
	height:73px;
	background-color:#6c6f70;
	float:right;
	margin-bottom:-53px;
}


.img_portada{
	position:relative;
	left:55px;
	top:22px;
	float:left;
}

.img_tit{
	position:relative;
	top:140px;
	right:120px;
	float:right;
}

#inner_content{
	width:530px;
	height:375px;
	float:right;
	padding:30px 50px;
	overflow:auto;
}

.popupme{position:relative; z-index:50;}
.popupin{width:200px; padding:10px; background-color:#FFF; border:1px solid #CCCCCC; position:absolute; z-index:50; left:470px; font-size:14px; line-height:20px;}
* html .popupin{left:130px;} /*IE6 Hack*/
.popupin span{font-size:9px; line-height:12px;}
/*==================================================
COLOR / IMG
==================================================*/
body{
	background-color:#F0F0F0;
}




/*==================================================
TYPO
==================================================*/

#footer{
	text-align:right;
	margin 0 auto;
	line-height:20px;
	width:750px;
}

.webdesign{font-size:10px;}

p{
	margin-top:15px;
	margin-bottom:15px;
}

.colecciones{margin-top:75px;}


/*==================================================
HEADER
==================================================*/

#header{
	text-align:center; 
	margin:20px 0 5px 0;
	padding-left:110px;
}


/*==================================================
NAV
==================================================*/

#nav{
	float:left;
	display:inline;
	line-height:0;
}


#nav ul li a {
	display:block;
	width:100px;
	height:73px;
}


.nav1{	background: transparent url(../img/nav1.gif) left top no-repeat; border-left:5px solid #575a5d; border-right:5px solid #575a5d;}

.nav2{	background: transparent url(../img/nav2.gif) left top no-repeat; border-left:5px solid #6c6f70; border-right:5px solid #6c6f70;}
.nav2_fr{	background: transparent url(../img/nav2_fr.gif) left top no-repeat; border-left:5px solid #6c6f70; border-right:5px solid #6c6f70;}
.nav2_en{	background: transparent url(../img/nav2_en.gif) left top no-repeat; border-left:5px solid #6c6f70; border-right:5px solid #6c6f70;}


.nav3{	background: transparent url(../img/nav3.gif) left top no-repeat; border-left:5px solid #8e9090; border-right:5px solid #8e9090;}
.nav3_fr{	background: transparent url(../img/nav3_fr.gif) left top no-repeat; border-left:5px solid #8e9090; border-right:5px solid #8e9090;}
.nav3_en{	background: transparent url(../img/nav3_en.gif) left top no-repeat; border-left:5px solid #8e9090; border-right:5px solid #8e9090;}


.nav4{	background: transparent url(../img/nav4.gif) left top no-repeat; border-left:5px solid #a2a5a4; border-right:5px solid #a2a5a4;}
.nav4_fr{	background: transparent url(../img/nav4_fr.gif) left top no-repeat; border-left:5px solid #a2a5a4; border-right:5px solid #a2a5a4;}
.nav4_en{	background: transparent url(../img/nav4_en.gif) left top no-repeat; border-left:5px solid #a2a5a4; border-right:5px solid #a2a5a4;}

.nav5{	background: transparent url(../img/nav5.gif) left top no-repeat; border-left:5px solid #b5b7b5; border-right:5px solid #b5b7b5;}
.nav5_fr{	background: transparent url(../img/nav5_fr.gif) left top no-repeat; border-left:5px solid #b5b7b5; border-right:5px solid #b5b7b5;}
.nav5_en{	background: transparent url(../img/nav5_en.gif) left top no-repeat; border-left:5px solid #b5b7b5; border-right:5px solid #b5b7b5;}

.nav6{	background: transparent url(../img/nav6.gif) left top no-repeat; border-left:5px solid #d1cfcc; border-right:5px solid #d1cfcc;}
.nav6_fr{	background: transparent url(../img/nav6_fr.gif) left top no-repeat; border-left:5px solid #d1cfcc; border-right:5px solid #d1cfcc;}
.nav6_en{	background: transparent url(../img/nav6_en.gif) left top no-repeat; border-left:5px solid #d1cfcc; border-right:5px solid #d1cfcc;}

#nav ul li a.nav1:hover,#nav ul li a.nav1_fr:hover,#nav ul li a.nav1_en:hover{border-left:5px solid #FFF;}
#nav ul li a.nav2:hover,#nav ul li a.nav2_fr:hover,#nav ul li a.nav2_en:hover{border-left:5px solid #FFF;}
#nav ul li a.nav3:hover,#nav ul li a.nav3_fr:hover,#nav ul li a.nav3_en:hover{border-left:5px solid #FFF;}
#nav ul li a.nav4:hover,#nav ul li a.nav4_fr:hover,#nav ul li a.nav4_en:hover{border-left:5px solid #FFF;}
#nav ul li a.nav5:hover,#nav ul li a.nav5_fr:hover,#nav ul li a.nav5_en:hover{border-left:5px solid #FFF;}
#nav ul li a.nav6:hover,#nav ul li a.nav6_fr:hover,#nav ul li a.nav6_en:hover{border-left:5px solid #FFF;}


/*==================================================
LINK HOVER / TOOGLE OPACITY
==================================================*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.toggleopacity img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

.toggleopacity:hover img {
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}


/*==================================================
FORMS
==================================================*/