@charset "UTF-8";
/* CSS Document */
body {
	margin:0px;
	font-family:DinProRegular, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	background:#000;
}
@font-face { font-family: DinProBold; src: url('fonts/DINPro-Bold.otf') ; } 
@font-face { font-family: DinProLight; font-weight: bold; src: url('fonts/DINPro-Light.otf') ; }
@font-face { font-family: DinProRegular; src: url('fonts/DINPro-Regular.otf') ; } 
@font-face { font-family: MetaProBold; src: url('fonts/MetaPro-Bold.otf') ; } 
@font-face { font-family: MetaPro; font-weight: bold; src: url('fonts/MetaPro-Normal.otf') ; }

/* IE */
@font-face { font-family: DinProBold; src: url('http://cristalliquido.mx/images/fonts/DINPro-Bold.eot'); /* IE */ src:local("DINPro-Bold"), url('http://cristalliquido.mx/images/fonts/DINPro-Bold.ttf') format('truetype'); } 
@font-face { font-family: DinProLight; src: url('http://cristalliquido.mx/images/fonts/DINPro-Light.eot'); src:local("DINPro-Light"), url('http://cristalliquido.mx/images/fonts/DINPro-Light.ttf')  format('truetype'); }
@font-face { font-family: DinProRegular; src: url('http://cristalliquido.mx/images/fonts/DINPro-Regular.eot'); src:local("DINPro-Regular"), url('http://cristalliquido.mx/images/fonts/DINPro-Regular.ttf')  format('truetype'); } 
@font-face { font-family: MetaProBold; src: url('http://cristalliquido.mx/images/fonts/MetaPro-Bold.eot'); src:local("MetaPro-Bold"), url('http://cristalliquido.mx/images/fonts/MetaPro-Bold.ttf')  format('truetype'); } 
@font-face { font-family: MetaPro; src: url('http://cristalliquido.mx/images/fonts/MetaPro-Normal.eot'); src:local("MetaPro-Normal"), url('http://cristalliquido.mx/images/fonts/MetaPro-Normal.ttf')  format('truetype'); }

img {
	border:0px;
}
img.main {
	-webkit-box-reflect: below -0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(100, 100, 100, 0.1)));
}
#main {/*
	background:url(bg/1.jpg);*/
	margin:0 auto;
	width:960px;
	height:600px;/*
	*/
}
#bg {
	background: url(bgblock.png) left bottom repeat-x;
	margin:0 auto;
	width:960px;
	height:600px;/*
	-webkit-box-reflect: below -0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(100, 100, 100, 0.1)));*/
}
#footer {
	background:url(bg-bottom.png) repeat-x;
	height:200px;
	margin:0 auto;
	width:960px;
}
#top {
	background:url(bg-top.png) repeat;
	height:150px;
	width:100%;
	display:block;
}
#content {
	background:url(bg-top.png) repeat;
	width:270px;
	height:395px;
	margin:12px 12px auto auto;
	padding:15px;/*
	border:#333 1px dashed;*/
	display:block;
	float:right;
	text-align:justify;
}
#promo {
	width:250px;
	height:200px;
	margin:205px 12px auto auto;
	padding:15px;
	display:block;
	float:right;
	text-align:center;
}
#promo-txt {
	width:250px;
	height:200px;
	margin:205px 12px auto auto;
	padding:15px;
	display:block;
	float:right;
	text-align:right;
	font-family:DinProRegular, Tahoma, Geneva, sans-serif;
	color:#FFF;
	font-size:13px;
}
#logo {
	width:295px;
	height:85px;/*
	background:url(logo.png) no-repeat center;*/
	margin:285px auto auto 40px;
	display:block;
}
#girl {
	position:absolute;
	margin:500px auto auto 537px;
	height:172px;
	width:133px;
	background:url(girl.png);
}
#footer-txt {
	width:350px;
	margin:75px 0px auto 0px;	
	display:block;
	float:left;
}
a:link, a:visited, a:link img {
	color:#FFF;
	text-decoration:none;
}
a:hover, a:hover img {
	opacity:0.5;
	transparency:50%;/*
	text-decoration:underline;*/
}
td.menu {
	border:#444 1px dashed;
	text-align:center;
	height:26px;
	margin:auto;
}
.menu {
	font-family:DINProBold, Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:-1px;
}
.footer-A {
	font-size:12px;
	font-family:DinProRegular, Arial, Helvetica, sans-serif;
}
.footer-B {
	font-size:16px;
	font-family:DinProBold, Arial, Helvetica, sans-serif;
	color:#9C0;
}
.footer {
	color:#666;
}
img.thumb-l {
	border:#FFF 3px solid;
	background:#000;
	width:80px;
	height:80px;
	margin:0px 10px 25px 0px;
	display:block;
	float:left;
	-webkit-box-reflect: below -0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(100, 100, 100, 0.1)));
	-webkit-box-shadow: 5px 5px 15px #111;
 	 -moz-box-shadow: 5px 5px 15px #111;
	 filter: shadow(color=#111, direction=135, strength=2);
}
img.thumb-r {
	border:#FFF 3px solid;
	background:#000;
	width:80px;
	height:80px;
	margin:0px 0px 10px 10px;
	display:block;
	float:right;
	-webkit-box-reflect: below -0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(100, 100, 100, 0.1)));
	-webkit-box-shadow: 5px 5px 15px #111;
 	 -moz-box-shadow: 5px 5px 15px #111;
	 filter: shadow(color=#111, direction=135, strength=2);
}
#lista li{
	list-style-image:url(icon.png);
	border-bottom:#9C0 1px solid;
	width:90%;
	padding:2px 0px;
	text-align:left;
	font-family:DinProRegular, Arial, Helvetica, sans-serif;
}
input, select, textarea {
	border:#999 0px solid;
	border-bottom:#999 3px solid;
	background:url(bg-top.png);
	color:#FFF;
	font-weight:bold;
	padding:1px 1px;
	margin:2px 0px;
	height:22px;
	width:80%;
}
input:hover, select:hover, textarea:hover {
	border:#9C0 0px solid;
	border-bottom:#9C0 3px solid;
	background:#000;
	color:#FFF;
	font-weight:bold;
	padding:1px 1px;
	margin:2px 0px;
	height:22px;
	width:80%;
}
.submit {
	width:80px;
	background-color:#9C0;
}
.submit:hover {
	width:80px;
}
.Title {
	font-size:18px;
	font-family:DinProBold, Arial, Helvetica, sans-serif;
	color:#9C0;
	text-shadow:5px 5px 5px #000;
	text-align:left;
}
.phrase {
	font-size:16px;
	font-family:DinProBold, Arial, Helvetica, sans-serif;
	color:#fff;
	width:80%;
	margin:10% auto;
	text-shadow:5px 5px 5px #000;
	text-align:left;
}
.phrase-highlight {
	font-size:16px;
	font-family:DinProRegular, Arial, Helvetica, sans-serif;
	color:#0CF;
	width:80%;
	margin:10% auto;
	text-shadow:5px 5px 5px #000;
	text-align:left;
}
.button, a.button:link, a.button:visited {
	background:url(pencil.png) no-repeat left;
	font-family:DinProBold, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#9C0;
	padding:0px 22px;
}
.button:hover {
	background:url(pencil.png) no-repeat left;
	font-family:DinProBold, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#9C0;
	padding:0px 22px;
}