/*--------------------------------------------------------------------------
 Clic 2008
 ----------------------------------------------------------------------------
 File: layout.css
 Gerardo Gonzalez Flores
gerardo AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
 --------------------------------------------------------------------------*/
/* Layout
 -------------------------------------------------------------------*/
html { } /* es correcto? */
body {
    background: url(../img/page-bg.png) #4396CA repeat-x top left;
}


#headerAd {
    width: 774px;
    position: relative;
    margin: 0px auto;	
	height:100px;
}

#wrapper {
    width: 774px;
    position: relative;
    margin: 0px auto;
    background-image: none;
	/*background:  url(../img/body-bg.png) repeat-y top center;*/
}


#header{
	width: 774px;
	height: 40px;
	position: relative;
	background:  url(../img/header-bg.png) no-repeat top center;
}


#logotipo{
	width:275px; 
	height:36px; 
	position:absolute; 
	left:10px;
	top: 4px; 
	background: url(../img/logo-palenque-feria-san-marcos.png) no-repeat;
}

#logotipo h2{
	display:none;
}

#body{
	
	background: url(../img/content-bg.png) repeat-y;
}

#body #contentHeader, #body #titleWrapper{
	/*background: url(../img/titles/flame-bullet.jpg) no-repeat 4px 0px;*/
	width:566px;
}

#footer {
	background: url(../img/footer-content-bg.png) repeat-y top;
	width:774px;
	text-align: center;
}


#footer a{
	color:#ffffff;
}

#contenido, .contenido {
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	min-height: 400px;
    height: auto !important;
    height: 400px;
	text-align:justify;
}

/** Layout Home **/
#barraLeft {
    width: 200px;
    float: left;
	margin-left:1px; 
	margin-right:1px; 
	
}

#areaCentral {
    width: 566px;
    float: left;
    /* alto minimo */
    min-height: 400px;
    height: auto !important;
    height: 400px;
    text-align: justify;
}



/*** MENU ***/

ul#menu {	
  width: 774px;
  height:44px;
  background: url(../img/menu-bg.png) no-repeat;
}

 ul#menu,  ul#menu li {
 	position:absolute;
	padding:0px;
	margin:0px;
	height: 44px;
	top:189px;
	left:0px;
 }
 
 ul#menu li a span {display:none}

 ul#menu li {
 	background-image:none;
	list-style-image:none;
	top:0px;
	float:left;
	position:absolute; 
  	height: 44px;
	/*border:1px solid;*/
 }
 	
 ul#menu a { display:block;  height:44px;}
 
 ul#menu li#quienes-somos {  left:10px; }
 ul#menu li#servicios {   left:147px;}
 ul#menu li#oficinas-y-profesionales {   left:239px;}
 ul#menu li#ligas-de-interes {  left:438px;}
 ul#menu li#contacto {  left:580px;}
 
 ul#menu li#quienes-somos a { width:137px; background: url(../img/menu/quienes-somos.jpg) 0px -42px  no-repeat; }
 ul#menu li#quienes-somos a:hover { background: url(../img/menu/quienes-somos.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#servicios a { width:92px; background: url(../img/menu/servicios.jpg) 0px -42px no-repeat; }
 ul#menu li#servicios a:hover { background: url(../img/menu/servicios.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#oficinas-y-profesionales a { width:199px;   background: url(../img/menu/oficinas-y-profesionales.jpg) 0px -42px no-repeat;  }
 ul#menu li#oficinas-y-profesionales a:hover { background: url(../img/menu/oficinas-y-profesionales.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#ligas-de-interes a { width:142px; background: url(../img/menu/ligas-de-interes.jpg) 0px -42px no-repeat;  }
 ul#menu li#ligas-de-interes a:hover { background: url(../img/menu/ligas-de-interes.jpg) 0px 0px  no-repeat; }

 ul#menu li#contacto a {  width:95px; background: url(../img/menu/contacto.jpg)  0px -42px no-repeat;  }
 ul#menu li#contacto a:hover { background: url(../img/menu/contacto.jpg) 0px 0px  no-repeat; }
 
 ul#menu li#contacto { background:none;}
 
 
 /* Cuadros Mision-Vision-Valores */
 ul#cuadros li {
 	background-image:none;
	list-style-image:none;
	float:left;
	display:block; 
	width:239px;
	padding:0px;
	margin:0px;
	min-height: 260px;
    height: auto !important;
    height: 260px;
 }
ul#cuadros li#mision { background:#742939}
ul#cuadros li#vision {background:#636260; border:1px solid #FFFFFF; border-top:0px; border-bottom:0px}
ul#cuadros li#valores {background:#C1C1C1}

ul#cuadros li h2 span  {
	color:#742936;
	font-size:12pt;
	padding:.3em 0px 0px 25px;
	display:block;
	width:100px; 
	background: url(../img/titles/flame-bullet-small.png) left  -0.2em no-repeat;
	height:27px;
	/*border:1px solid;*/
	margin-left:auto;
	margin-right:auto;
}
ul#cuadros li p  {padding:10px 10px 5px 10px; color:#FFFFFF;}
ul#cuadros li#valores p  { color:#000000;}
ul#cuadros li h2{ background:#FFFFFF; }

#oficinasEnGdl { width: 550px; margin-right:auto; margin-left:auto; border:1px solid #696856; margin-top:5px;} 
 
/** **/
#footerFood {
    background: url(../img/footer-bottom.png)  no-repeat top;
    height: 11px;
    text-align: right;
    padding-right: 10px;
	padding-bottom:10px;
	padding-top:10px;
}

#footerFood * {
	color:#ffffff;
	font-size:8pt;
}

div#footerBody{
	background: url(../img/footer-top.png) no-repeat top;	
	width:774px;
	color:#ffffff;
	text-align: center;
	padding-top:5px;
}


/*** QUICKLINKS ***/
 #quickLinks {
 	position:absolute;
	height:16px;
	width:90px;
	left:81px;
	top:169px;
	/*background: url(../img/quicklinks-bg.jpg);*/
 }

 ul#quickLinks, ul#quickLinks li { padding:0px; margin:0px}

 #quickLinks li{ list-style:none;  background: none;}
 #quickLinks  li.home,  #quickLinks  li.contact, #quickLinks  li.siteMap {	position:absolute; }

 #quickLinks a { display:block; width:23px; height:16px; }
 #quickLinks a span { display:none;}

 #quickLinks  li.home    { left:10px; top:0px;}
 #quickLinks  li.contact { left:33px; top:0px;}
 #quickLinks  li.siteMap { left:56px; top:0px;}
 
 #quickLinks  li.home a { background: url(../img/home.gif) 50% 50% no-repeat;  }
 #quickLinks  li.home a:hover { background: url(../img/home.gif) 50% 50% #FFFFFF no-repeat; }
 
 #quickLinks  li.contact a {  background: url(../img/contacto.gif)  50% 50% no-repeat;  }
 #quickLinks  li.contact a:hover { background: url(../img/contacto.gif) 50% 50% #FFFFFF no-repeat; }
 
 #quickLinks  li.siteMap a { background: url(../img/mapa-sitio.gif)  50% 50% no-repeat; }
 #quickLinks  li.siteMap a:hover { background: url(../img/mapa-sitio.gif) 50% 50% #FFFFFF no-repeat; }

/* Contenido */ 
img { border:1px solid #696856; } 
table#ligasInteres { width:95% }
table#ligasInteres img{ border:none;}
table#ligasInteres td { padding:10px; vertical-align:middle; text-align:center}

span.mdr { font-style:italic; }

ul#accordion h2 { cursor:pointer; margin-left:0px; margin-right:0px;}
ul#accordion {
	clear:both;
	margin-top:30px;
	width:650px; 
	margin-left:auto; 
	margin-right:auto; 
	border:1px solid #696856; 
}
ul#accordion > li { 	
	background:none; 
	padding:0px; 
	list-style-image:none;
	margin:0px;
}

ul#accordion li.odd, 
ul#accordion li.even { 
	background:none; 
	padding:0px; 
	list-style-image:none;
	margin:0px;
}
ul#accordion h2.toggler { 
		background: #B0AFA0; 
		border: 1px solid #E2E2D8; 
		border-collapse:collapse;
}
ul#accordion li.odd h2.toggler { 
		background: #9B9A86; 

}
ul#accordion h2.toggler { 
	border-bottom:none;
}
ul#accordion li.last-li h2.toggler { 
	border-bottom: 1px solid #FFFFFF;
}
ul#accordion h2.toggler { color:#FFFFFF; padding:3px 3px 3px 10px}

ul#accordion div.element .wrap { padding:5px; }

div.contactos { }
ul.contactCards { float:left; width:325px; }
.vcard .fn { font-weight:bold}
.vcard .tel { font-style:italic; padding:0px 0px 0px 5px;}
.vcard .email {  padding:0px 0px 0px 5px;}
.vcard .role {  font-style:italic; padding:0px 0px 5px 5px;}
#mdrOrgVcard { display:none}
 /* flashMessage */

 .message {
    padding: 10px;
    margin-top: 35px;
    background: #FFDEDE;
    width: 338px;
    text-align: center;
    border: 1px solid #FF7F7F;
}

#flashMessage {
    background: #FFDEDE;
    border: 1px solid #FF7F7F;
    /*height:20px;*/
    padding: 3px;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	margin-bottom:10px;
	margin-top:5px;
}


/* Bloques de Anuncios */

.ad728x90  {
	width:728px;
	margin: 0px auto;
	padding: 5px 0px;
}

.ad200x90  {
	width:200px;
	margin: 0px auto;
	padding: 5px 0px;

}

.ad180x90{
 width:180;
 margin:10px 0px 10px 10px;
}
.ad468x15{
	width:468px;
	margin: 0px auto;
	margin-right:10px;
	padding: 5px 0px;
}

.ad468x90{
	width:468px;
	margin: 0px auto;
	margin-right:10px;
	padding: 10px 0px;
}

/** Calendar **/
ul#listaEventos li h2.summary { 
 background:none;
 margin:0px;
 padding:0px;
}

ul#listaEventos li.vevent { 

 margin-top:10px;
}

li .description {
    width:450px;
    padding:10px;    
    margin:2px auto;
    background: #FFDBDB;
}

li .description p {
    paddding:0px;
    margin-bottom:3px;
}

ul#menuLata li { padding-bottom:5px;} 
ul#menuLata * {  font-size:14px; }