/*
Theme Name: Theme hecho a medida para Restaurante El ruedo II
Theme URI: http://www.patho.es
Description: Tema que sirve como plantilla, con sidebar a la izquierda y preparado para widgets
Version: 1.0
Author: David Salazar Renzzo
Author URI: http://www.gradamedia.com/
Tags: ruedo,gris,morado
*/

body{
background:#F0EFEF url(images/bg-wrapper.jpg) top left repeat-x;
text-align:center;
font:normal 62.5% Arial, Verdana, Sans-serif;
line-height:175%;
color:#818181;
margin:0 auto;
}

a{
text-decoration:none;
color:#798918;
}

a:hover{
text-decoration:none;
}

select,input,td,th,span,textarea{
font:normal 1em Arial, Verdana, Sans-serif;
color:#4D4D4D;
}

select,input,textarea{
border:solid 1px #4D4D4D;
padding:2px;
}

#wrapper{
width:960px;
height:100%;
margin:0 auto;
text-align:left;
font-size:1.4em;
margin-top:5px;
}

#logo{
padding:5px 0 0 55px;
float:left;
width:333px;
height:162px;
}

#mainmenu{
clear:both;
height:120px;
text-align:center;
margin-top:35px;
margin-bottom:110px;
padding:0;
}

#mainmenu ul{
padding:4px 0 0 0;
margin:0;
}

#mainmenu ul li{
width:160px;
list-style:none;
float:left;
text-transform:uppercase;
margin:0;
padding:0;
}

#mainmenu a{
font:bold 1.4em Century Gothic, Arial,Verdana,Geneva,Helvetica,Sans-Serif;
color:#672D3E;
line-height:175%;
}

#mainmenu a{
display:block !important;
display:inline;
height:28px;
}

#content{
clear:both;
width:960px;
margin:0 auto;
}

#maincontent{
width:660px;
float:left;
display:inline;
display:inline;
margin:0 0 20px 0;
color:#414141;
text-align:justify;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{
font-style:normal;
font-weight:normal;
text-decoration:none;
text-align:center;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {
color:#252621;
font:1em Arial, Verdana, Trebuchet MS, Helvetica, Sans-Serif;
text-align:left;
text-transform:uppercase;
}

h5{
display:block;
margin:1.67em 0;
}

h1, h1 a{
color:#252621;
font:bold 1.2em Arial, Verdana, Trebuchet MS, Helvetica, Sans-Serif;
text-align:left;
}

#maincontentHeader{
width:555px;
height:300px;
margin-left:59px;
}

#maincontentBody{
clear:both;
width:650px;
margin:0 auto;
line-height:175%;
text-align:justify;
padding-left:10px;
font-size:1em;
}

#maincontentHeader h2{
color:#384229;
font:normal 2em Arial, Verdana, Trebuchet MS, Helvetica, Sans-Serif;
text-transform:uppercase;
width:685px;
height:50px;
padding:13px 0 0 0;
margin:0;
}

#maincontentResults{
width:685px;
margin:0 auto !important;
margin:0 13px;
}

#sidebar{
width:283px;
margin:0 auto;
float:left;
}

#sidebarHeader{
height:260px;
width:283px;
margin:0 auto;
text-align:center;
}

#sidebarBody{
clear:both;
width:283px;
float:right;
}

ul.categoriesMenu{
padding:0 0 0 38px;
margin:0;
list-style-image:url(images/category-16.png);
}

ul.categoriesMenu li{
list-style-image:url(images/category-16.png);
font:bold 1.1em Arial, Verdana, Trebuchet Ms, Sans-serif;
padding:0 0 20px 10px;
color: #4a4c42;
}

#clear{
clear:both;
width:100%;
height:10px;
padding:0;
margin:0 auto;
}

#footer{
clear:both;
width:100%;
background:url(images/bg-footer.jpg) top left repeat-x;
height:98px;
margin:0;
padding-top:20px;
text-align:center;
font:normal 1.1em Arial, Verdana, Sans-serif;
line-height:175%;
color:#DEDEDE;
}

#footer a{
color:#DEDEDE;
font-size:1em;
text-decoration:underline;
}

#footer a:hover{text-decoration:underline;}

/*Menu colapsado de la columna izquierda*/
ul#menuleft{
width:275px;
margin:0 auto;
}

ul#menuleft, ul#menuleft ul {
list-style-type:none;
margin: 0;
padding: 0;
width:275px;
}

ul#menuleft a {
display: block;
text-decoration: none;	
}

ul#menuleft li {
background:url(images/bg-contentLeftModuleTop.png) top center no-repeat;
width:275px;
margin-top:1px !important;
margin-top:3px;
}

ul#menuleft li a {
font:bold 1.2em Century Gothic, Arial, Helvetica, sans-serif;
padding-left:15px;
height:37px;
line-height:30px;
color:#fff;	
text-transform:uppercase;
padding-top:3px;
}

ul#menuleft li a:hover{
}

ul#menuleft li ul li{
background:#DCDCDC;
width:245px;
font:normal 0.8em Arial, Helvetica, sans-serif;
line-height:175%;
padding:15px;
margin-bottom:15px;
color:#414141;
text-align:justify;
}

ul#menuleft li ul li a {
color:#764151;
text-decoration:none;
font-weight:bold;
margin:0;
padding:0;
}

ul#menuleft li ul li a:hover {
text-decoration:underline;
}

/* Slideshow */
#slideshow {
    /*position:relative;*/
    height:300px;
	width:555px;
}

/*#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}*/