/*
Theme Name: Magno
Theme URI: http://www.magno-bar.com/
Description: Tema de Magno-bar.com
Version: 1.0
Author: Ernesto Figon
*/

body{
	background: #000;
	font: 12px/18px "Segoe UI", Arial, Helvetica, sans-serif;
	color: #CCC;
	margin: 0 auto;
	cursor: default;
}
a{
	color: #CCC;
}
a:hover{
	color: #FFF;
}
a img{
	border: 0;
}
/* ******************
	CONTAINERS
********************* */
#background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.bg1{
	background: url(bg-1.jpg) no-repeat center top;
}
.bg2{
	background: url(bg-2.jpg) no-repeat center top;
}
.bg3{
	background: url(bg-3.jpg) no-repeat center top;
}
/**/
#container{
	width: 990px;
	margin: 0 auto;
	position: relative;
}
/* ******************
	HEADER
********************* */
#header{
	height: 140px;
	background: url(bg-header.png) no-repeat;
	position: relative;
}
#header h1 a{
	width: 330px;
	height: 160px;
	position: absolute;
	background: url(logo-magno.png) no-repeat;
	text-indent: -9999px;
	z-index: 1;
}
#header p.facebook{
	position: absolute;
	right: 10px;
}
#header p.twitter{
	position: absolute;
	right: 230px;
}
/* ******************
	MENU
********************* */
#menu{
	cursor:default;
	position:absolute;
	right:10px;
	top:90px;
	font:bold 18px/18px "Segoe UI", Arial, Helvetica, sans-serif;
}
#menu ul{
	position:relative;
	margin-left: 50px;
}
#menu ul li{
	display:inline;
	float:left;
	padding:0 0 0 30px;
}
#menu ul li a{
	display:block;
	padding:5px 0;
	text-decoration:none;
}
#menu ul li a:hover{
	color:#FFF;
}
/* ******************
	FOOTER
********************* */
#footer{
	height:30px;
	position:relative;
	margin:0 10px;
	padding:10px 0;
	border-top:1px solid #262626;
	background:url(footer-servicios.gif) no-repeat;
}
#footer p {
	font-size:11px;
	line-height:15px;
	color:#666;
}
#footer a {
	color:#777;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer .copy {
	position:absolute;
	left:220px;
	top:12px;
}
#footer .design {
	position:absolute;
	right:0;
	top:12px;
	text-align:right;
}
#footer .encuesta {
	position:absolute;
	right:220px;
	top:10px;
	width:80px;
	padding:2px 5px;
	background-color:#161F2F;
}

#footer .encuesta a{
	display:block;
}
#footer .encuesta a:hover{
	text-decoration:none;
	color:#FFF;
}

#footer .fumadores {
	position:absolute;
	right:120px;
	top:10px;
	width:80px;
	padding:2px 5px;
	background:#161F2F url("fumadores-bg.gif") right no-repeat;
}

#footer .celiacos {
	position:absolute;
	right:78px;
	top:10px;
	width:22px;
	height:30px;
	padding:2px 5px;
	background:#161F2F url("celiacos-bg.gif") right no-repeat;
}

/* --------------------
	CENTER
----------------------- */
#center{
	width:990px;
}
/* --------------------
	CENTER > titles
----------------------- */
#center h2{
	font-size:24px;
	line-height:18px;
	margin-bottom:18px;
	font-weight:normal;
	letter-spacing:-0.075em;
}
#center h3{
	font-size:20px;
	line-height:18px;
	margin-bottom:9px;
}
#center h3 small{
	font-size:13px;
	padding:0 0 0 2px;
	text-transform:uppercase;
}
#center h4{
	font-size:16px;
	line-height:18px;
	margin-bottom:9px;
	font-weight:normal;
}
/* --------------------
	CENTER > Texts
----------------------- */
#center p{
	margin:0 0 18px 0;
}
.p11{
	font-size:11px;
}
.p14{
	font-size:14px;
}
.p16{
	font-size:16px;
	line-height:24px;
}
.p18{
	font-size:18px;
	line-height:24px;
}
.c666{
	color:#666;
}
.c7A1{
	color:#7A106A;
}
.c2B3{
	color:#2B3E5E;
}
/**/
.lh24{
	line-height:24px;
}
.p-no-m{
	margin:0 0 9px 0!important;
}
.p-no-mb{
	margin-bottom:0!important;
}
/* --------------------
	SEPARADORES
----------------------- */
.sep-1{
	margin:20px 0 19px;
	width:100%;
	border-bottom: 1px solid #2B3E5E;
	clear:both;
}
.sep-2{
	margin:20px 0 19px;
	height:1px;
	background:#7A106A;
	clear:both;
}
.sep-3{
	margin:20px 0 19px;
	height:1px;
	background:#333;
	clear:both;
}
/* --------------------
	GALERIA
----------------------- */
ul.gallery{
	padding:0 0 20px 0;
}
ul.gallery li {
	margin: 0 10px 10px 0;
	width:96px;
	height:56px;
	float:left;
}
ul.gallery li a img{
	border:1px solid #333;
	padding:1px;
}
ul.gallery li a:hover img{
	border: 1px solid #999;
}
/* --------------------
	EVENTOS
----------------------- */
.evento-th a img{
	border:1px solid #333;
	padding:1px;
}
.evento-th a:hover img{
	border: 1px solid #555;
}
/* --------------------
	SLIDESHOW > Home
----------------------- */
.slideshow-simple{
	width:750px;
	height:420px;
	overflow:hidden;
	display:block;
	float:left;
}
.slideshow-simple ul.ppt{
	position:relative;
}
.slideshow-simple ul.ppt li{
	position:absolute;
	top:0;
	left:0;
}
/* --------------------
	VS
----------------------- */
hr{
	display: none;
}
.hr{
	width: 100%;
	border-bottom: 1px solid #2B3E5E;
	clear: both;
	margin: 10px 0;
}
.clear{
	clear:both;
}
.mb20{
	margin-bottom:20px;
}
.mt20{
	margin-top:20px;
}
.img-left{
	float:left;
	margin:0 20px 0 0;
}
.img-right{
	float:right;
	margin:0 0 0 20px;
}
/* --------------------
	PANELES
----------------------- */
.panel-news{
	background:#161F2F;
	height:420px;
}
.panel-news h2{
	margin:0!important;
}
.twitter_div{
	margin:0 10px;
	height:380px;
	overflow:hidden;
}
.twitter_div ul{
	margin:5px 0 0 0;
}
.twitter_div ul li{
	padding:7px 0;
	border-bottom:1px dotted #2B3E5E;
	font-size:11px;
	line-height:15px;
}
/**/
.panel-eventos{
	background:#4C0D40 url(eventos-bg.jpg) no-repeat;
	height:160px;
	margin-bottom:20px;
	position:relative;
}

.panel-promos{
	background:#4C0D40 url(promos-bg.jpg) no-repeat;
	height:160px;
	position:relative;
}

.panel-news p, .panel-eventos p, .panel-promos p{
	padding:0 10px 10px 10px;
	color:#EEE;
}

.panel-news p.mas, .panel-eventos p.mas, .panel-promos p.mas, .panel-mapa p.mas{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
}
.panel-news p.mas a:hover, .panel-eventos p.mas a:hover, .panel-promos p.mas a:hover, .panel-mapa p.mas a:hover{
	opacity: 0.7;
}
.panel-mapa{
	background:#161F2F;
	height:420px;
}
.panel-mapa h2{
	margin:0!important;
}
/* --------------------
	FORMS
----------------------- */
#f label{
	font-size:12px;
	line-height:18px;
	color:#888;
	padding:0 0 5px 2px;
}
#f input, #f textarea, #f select{
	width:298px;
	border:1px solid #888;
	background:#EEE;
	color:#222;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	outline:none;
}
#f textarea{
	height:134px;
}
#f .shrt{
	width:60px;
}
#f .btn{
	border:1px solid #555;
	background:#555;
	color:#DDD;
	padding:3px;
	font-size:13px;
	font-weight:bold;
	width:100px;
}
#f input:focus, #f textarea:focus{
	border: 1px solid #7A106A;
	background:#FFFFFF;
	color:#222;
}
/**/
.scroll{
	height:380px;
	overflow:auto;
}

/**/

#countbox1{
	padding-left: 10px;
	font-weight: bold;
	color: #FFF;
	margin-top: -11px;
}

/*CARTA-MENÚ*/

.cartacol700{width:750px; float:left; border-bottom:1px solid #2B3E5E; margin:15px 0px 5px 0px; padding-bottom:5px;}

.cartacol700 h3{display:inline; margin-right:10px; text-transform: uppercase;}

.cartacol700 em{display:inline; font-size:12px; margin:0px; padding:0px;}

.cartacol230{width:230px; margin-right:15px; float:left; margin-bottom:15px;}

.nomargin{margin-right:0px;}

.cartacol230 ul li{font-size:12px}

.cartacol230 dl dt{font-size:12px; font-weight:bold; line-height:14px; margin-top:6px}

.cartacol230 dl dd{font-size:11px; font-style:italic; margin-bottom:10px; line-height:1.1em; color: #777;}

.celiaco{background: url(bullet-celiaco.gif) left center no-repeat; padding-left: 19px;}

.menu-carta{
	background: url(menu-carta.gif) top no-repeat #161F2F;
	width: 190px;
	padding: 50px 5px 10px 5px;
	text-shadow: 0px 1px #003;
	border-bottom: 1px solid #2B3E5E;
	float: left;
	margin-left: 10px;
}

.menu-carta a h3{
	font-size: 14px;
	color: #AAA;
	margin:0;
	text-decoration:none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.menu-carta a h3:hover{
	text-decoration:underline;
	color:#FFF;
	text-shadow: 0px 2px 2px #000;
}

.menu-carta a{
	font-size: 11px;
	color: #AAA;
	margin-bottom:0;
	text-decoration:none;
	line-height:.8em;
	margin-bottom:0;
	margin:0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.menu-carta a:hover{
	text-decoration:underline;
	color:#FFF;
	text-shadow: 0px 2px 0px #000;
}

.menu-carta a:hover img{
	margin-bottom:3px;
}

.menu-carta a img{
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}