/* Tractes CSS. Demini 2007. Powered by demini */

/* ESTILOS GENERALES - Inicio */
* {}
body{margin: 0; padding: 0;}
form{margin: 0; padding: 0;}

#page #up{float:left;}
#page #down{float:right;}
/* ESTILOS PIE - Inicio */
/*#page #footer {clear: left; position: relative; background: url(http://www.sarc.es/contaria/images/fnd_footer.jpg) 0 0 repeat-x; color: #999999; border-top: 1px solid #dddddd;overflow:hidden; }*/
#page #footer {background:transparent url(http://www.sarc.es/contaria/images/fnd_footer.jpg) no-repeat scroll 0 50%;
height:122px;padding:15px 0 5px 10px;}
#page #footer .info {position: relative; width: 770px; padding-top: 10px; margin: 0 auto 0 auto; font-weight: bold;}


#page #footer a {color: #666666;}
#page #footer #powered {
color:#666666;
float:right;
font-size:10px;
padding-right:15px;
}
#page #footer a:hover {color: #444444;text-decoration:underline;}
#page #footer span {font-weight: normal;color: #999999;}

#page #footer 
{
margin:0 auto;
width:900px;
margin-top:25px;
}


#page #footer #logofooter  { margin-right:10px; padding:10px;}

#page #footer #texfooter {
border-left:1px solid #D2D5D0;
color:#666666;
float:left;
padding-left:15px;
width:480px;
}
#page #footer #logofooter {
float:left;
width:150px;
}



/* definir los enlaces para la página en general */
#page a, #page a:link {font-weight: bold; text-decoration: none; color: #0099CC; letter-spacing: 0; font-family: arial;}/* enlace no visitado */
#page a:visited {color: #0099CC;}/* enlace visitado */
#page a:hover {color: #ff9900;}/* ratón sobre el enlace */
#page a:active {color: #ff9900;}/* enlace seleccionado */

/* formularios */
form{margin: 0; padding: 0;}
input, select, textarea { border: 1px solid #ccc;}

/* Unificamos todas las tipografías */
body #page, #page p, #page span, #page ul, #page ol, #page li, #page table, #page tr, #page td, #page input, #page select {font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif; color: #666;}

/* Titulos Estandar */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {font-family: "Trebuchet MS", Verdana, sans-serif; letter-spacing: 0; margin:0; padding: 0; font-weight: bold; color: #666666;}
#page h1 {font-size: 28px; color: #666666; line-height:30px;}
#page h2 {font-size: 20px; margin-bottom: 15px;}
#page h3 {font-size: 14px; line-height: 19px; margin-bottom: 10px; padding-bottom: 2px; border-bottom: 1px solid #ddd;}
#page h4 {font-size: 14px; color: #cccccc; margin: 15px 0 5px 0;}
#page h5 {font-size: 12px; color: #ff6600; margin-bottom: 20px;}

/* Definición de las listas desordenadas */
#page ul {margin: 0; padding: 0; list-style-type:none;}
#page ul a {}
#page ul li {margin: .6em 0; padding: 2px 0 2px 23px; list-style-type: none;}
#page ul li.gris {background-color: #eee;}

/* Definición de las listas ordenadas */
#page ol {margin: .5em .5em 1.5em}
#page ol li {margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal;}

/* Definición de las listas de definicion */
#page dl {margin: 0 0 1em 0;}
#page dt {position: relative; margin: .5em 0 1em 0; padding: 0 0 0 10px; list-style-type: none; font-weight: bold;}
#page dd {position: relative; margin:0 0 0 1em; padding: 0 0 0 10px; list-style-type: none; font-weight: bold; font-size: 90%;}

#page hr {background: none; height: 1px;}/* Separador horizontal */
#page .hr {border: 0; height: 1px; line-height: 1px; border-top: 1px solid #f0f0f0; margin: 0 0 10px 0;}

#page img {border: 0;}/* imagenes de toda la página */
#page img.imgBorder {border: 1px solid #ddd;}
#page img.imgCenter {vertical-align: middle;}

/* ESTILOS MAKETACION - Inicio */
#page{background: #ffffff;}
#page #container {z-index: 1; position: relative; width: 900px; margin: 0 auto; padding:  5px 0;}
#page #container #content {position: relative; width: 770px; margin: 0 auto; padding: 10px 0 0 0;}
body.doscol #page #container #content {position: relative; float: right; width: 500px; padding: 35px 0 10px 0; right: 65px; _right: 50px;}/* versión del content para dos columnas*/



#page #container #left {position: relative; float: left; overflow: hidden; left: 10px; width: 253px; padding: 35px 0 20px 55px;}


/* ESTILOS HEADER - Inicio */
#page #header {z-index: 100; position: relative; width: 100%; height: 98px; background: url(images/head_bottom.jpg) center 0 repeat-x}
#page #header #logo {position: absolute; top: 20px; left: 50%; margin-left: -385px; _margin-left: -384px; width: 450px; height: 70px; background: url(images/MC_combi01_hz2.gif) 0 0 no-repeat;}

/*#page #header .sufLogo {position: absolute; top: 20px; left: 50%; margin-left: 246px; _margin-left: 331px; width: 172px; height: 57px;background: url(images/logosarc1.jpg) 0 0 no-repeat;}*/
#page #header .sufLogo {position: absolute; top: 7px; left: 50%; margin-left: 246px; _margin-left: 331px; width: 145px; height: 85px;background: #fff url('http://www.teuladi.es/skin/images/logo_ft_tim.jpg') center center no-repeat;}*/


#page #header .sufLogoB {position: absolute; top: 25px; left: 50%; margin-left: 246px; _margin-left: 331px; width: 160px; height: 54px;}
/*#page #header .sufLogoB {top: 11px; margin-left: 85px; _margin-left: 86px; background: url(images/head_logo_sarc_b.jpg) 0 0 no-repeat;}*/
#page #header #menuTop, #page #header #menuTopB {position: absolute; top: 35px; right: 50%; margin-right: -320px; color: white; font-size: 12px; font-weight: bold;}
#page #header #menuTopB {top: 65px; margin-right: -135px;}
#page #header #menuTop a, #page #header #menuTopB a {color: white; font-size: 14px; letter-spacing: -1px; font-family: "Trebuchet MS", Trebuchet;}
#page #header #menuTop a:hover, #page #header #menuTopB a:hover {color: #ccffff}

/* ESTILOS CONTAINER - Buscador mini */
#page #header #rightSearch {position: absolute; top: 15px; left: 50%; margin-left: 144px; _margin-left: 145px; width: 202px; background: white url(images/buscador_back.gif) top no-repeat; padding: 25px 25px 0 25px;}
#page #header #rightSearch h3 {padding-bottom: 2px; border-bottom: 1px solid #ddd; line-height: 19px;}
#page #header #rightSearch input.insert {margin-bottom: 10px;width: 188px;}

#page #header #rightTop {position: absolute; top: 15px; left: 50%; margin-left: 144px; _margin-left: 145px; width: 202px; height: 151px; background: white url(images/infotop_back.gif) left top no-repeat; padding: 25px 25px 0 25px;}
#page #header #rightTop img {position: relative; float: right; padding-left: 10px;}
#page #header #rightTop a {color: #ff6600;}
#page #header #rightTop a:hoverr {color: black;}

/* ESTILOS ESPECIAL */
#page #destacado {position: relative; width: 900px; height: 280px; background: #333333 url(images/especial_back.gif); margin: 2px auto 3px auto;}
#page #destacado #banner {
background:#333333 url(images/fnd_top.gif) repeat-y scroll 0% 50%;
position: absolute; top: 1px; padding-left: 80px; 
}
#page #destacado #info {position: absolute; top: 30px; right: 70px; width: 220px; height: 150px; background: white url(images/especial_info_back.jpg) bottom no-repeat; padding: 10px 10px 0 10px; font-size: 12px; line-height: 16px;}
#page #destacado #info img {position: relative; float: right; padding-left: 10px;}
#page #destacado #info a {color: #ff6600;}
#page #destacado #info a:hover {color: black;}

#page #destacado_h {position: relative; width: 900px; height: 280px; background: #333333 url(images/especial_back.gif); margin: 2px auto 3px auto;}
#page #destacado_h #banner {
background:#333333 url(images/fnd_top.gif) repeat-y scroll 0% 50%;
position: absolute; top: 0; 
}
#page #destacado_h #info {position: absolute; top: 30px; right: 70px; width: 220px; height: 150px; background: white url(images/especial_info_back.jpg) bottom no-repeat; padding: 10px 10px 0 10px; font-size: 12px; line-height: 16px;}
#page #destacado_h #info img {position: relative; float: right; padding-left: 10px;}
#page #destacado_h #info a {color: #ff6600;}
#page #destacado_h #info a:hover {color: black;}

/* ESTILOS LAYER_NAV - Inicio */
#page #layer_nav {z-index: 1; position: relative; width: 900px; height: 30px; margin: 2px auto 0 auto; background: url(images/layer_nav_bottom.jpg);}
body.doscol #page #layer_nav {width: 100%;}

#page #layer_nav ul {position: absolute; top: 0; left: 50%; margin: 0; padding: 0; margin-left: -385px; list-style: none; height:30px;}
#page #layer_nav li {margin: 0; padding: 7px 5px 0 0; float: left; color: white;}
#page #layer_nav li a {color: white; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding-right: 5px; 
letter-spacing:-1px;/*letter-spacing: -2px;*/}
#page #layer_nav li a:hover {color: #330000;}

/* ESTILOS FORMULARIOS - Buscador */
#page #buscador {position: relative; margin-top: 10px;}
#page #buscador h4 {margin-bottom: 0;}
#page #buscador h5 {margin-bottom: 0;}

#page #buscador input {width: 193px; height: 14px; font-size: 10px; padding: 1px 5px 1px 5px;}
#page #buscador select {width: 206px; font-size: 10px; padding: 1px 5px 1px 5px; margin: 1px 0 5px 0;}
#page #buscador .search {position: relative; padding: 5px; margin-bottom: 15px; background: url(images/separador.gif);}
#page #buscador .search input {width: 70px; height: 20px; background: url(images/button_search.gif); color: white; font-weight: bold; border: 0; cursor: pointer;filter: alpha(opacity=99); opacity: 0.99;}
#page #buscador .search input:hover {filter: alpha(opacity=80); opacity: 0.80;}
#page #buscador .sep {margin-bottom: 3px;}
#page #buscador .hr {border: 0; height: 1px; line-height: 1px; border-top: 1px solid #f0f0f0; margin: 10px 0 3px 0;}

#page #buscador .titleSearch {position: relative; height: 30px;}
#page #buscador .titleSearch h2 {position: absolute; top: 0; right: 0; text-align: right; color: #ff9300;}
#page #buscador .titleSearch h3 {position: absolute; top: 4px; left: 0; width: 100%;}

#page #buscador .focus {background: #ffffcc;}

body.doscol #page #left #buscador {width: 210px; padding: 20px 20px 0 20px; background: url(images/buscador_left_back.gif) 0 0 no-repeat;}

/* ESTILOS CONTAINER */
#page #container ul {padding: 10px 0 0 5px; width: 235px;}
body.doscol #page #container #content ul {width: 495px;}
#page #container li {margin: 0; padding: 0; overflow: hidden; border-bottom: 1px solid #eeeeee;}
#page #container li a {display: block; padding: 6px 6px 6px 16px; background: url(images/list_deco.gif) 4px 10px no-repeat; font-weight: bold; font-size: 11px; font-family: verdana;}
#page #container li a.icono {display: block; padding: 6px 6px 6px 16px;  font-weight: bold; font-size: 11px; font-family: verdana; background: #ffffff 4px 10px no-repeat;}
#page #container li a:hover {color: white; background: #0099CC url(images/list_deco_w.gif) 4px 10px no-repeat;}
#page #container li a span {color: #999999; font-weight: bold;}
#page #container li a:hover span {color: #ff9900;}
#page #container li a.info {color: orange; letter-spacing: 0; margin: 0 0 5px 40px; padding: 0; background: none;}
#page #container li a.info:hover {color: black; background: none;}
#page #container li img.refImg {position: relative; float: left; padding-right: 10px;}
#page #container li img.refImgBrd {position: relative; float: left; border: 1px solid #ddd; margin-top: 10px}
#page #container li.spaced {padding-bottom: 10px; margin-bottom: 10px; _padding-top: 5px;}

#page #container li div.liRight {position: relative; float: left; width:410px; padding-left: 5px;}
#page #container li div.liRight a:hover {text-decoration: underline; background: url(images/list_deco.gif) 4px 10px no-repeat; color: #0099CC;}

#page #container li div.more {margin-left: 15px; clear: right}
#page #container li div.more a {display: inline; color: #ff6600; background: none; padding: 0;}
#page #container li div.more a:hover {color: #0099ff; background: none;}
#page #container li div.more a.info {color: #ff9900; display: block; margin: 10px 0 0 0;}
#page #container li div.more a.info:hover {color: #0099CC; text-decoration: none;}

#page #container li div.more table {width: 100%}
#page #container li div.more table td {font-weight: bold; color: #999;}
#page #container li div.more table td strong {color: black;}

#page #container table.list {width: 100%; margin-bottom: 15px;}
#page #container table.list th {background: url(images/ico_point_r.gif) 15px center no-repeat; padding: 4px 10px 4px 25px; text-align: left;width:170px;}
#page #container table.list td {padding: 4px}
#page #container table.list tr.imp th, #page #container table.list tr.imp td {background-color: #eee;}
#page #container table.list td.blue {color: #0099cc; font-weight: bold;}
#page #container table.list td a {color: #ff6600; text-decoration: underline;}
#page #container table.list td a:hover {color: black;}

#page #container .separador {position: relative; padding: 5px 0 15px 0; background: url(images/separador.gif) 0 5px repeat-x; width: auto; height: 10px;}

/* ESTILOS CONTENT - Generales */
#page #container #content p {margin: 0 0 1em 0; padding: 0;}
#page #container #content p .imageLeft {position: relative; float: left; margin-right: 10px;}
#page #container #content p .imageRight {position: relative; float: right; margin-left: 10px;}

#page #container #content h1.textRight {text-align: right; color: #007196;}

#page #container #content blockquote {margin: 10px 0 10px auto; width: 80%; padding: 0 0 0 10px; font-style: italic; font-size: 10px; background: url(images/ico_quot.jpg) 0 5px no-repeat;}

#page #container #content .left{position: relative; width: 500px; float: left;}
#page #container #content .center{position: relative; width: 240px; float: left; margin-left: 25px;}
#page #container #content .right{position: relative; width: 240px; float: right;}

#page #container .bannerProv {position: absolute; top: 3px; left: 0; overflow: hidden; width: 900px; height: 550px; background: #333333;}

#page #container #content .left .colLeft {position: relative; float: left; width: 240px;}
#page #container #content .left .colRight {position: relative; float: right; width: 240px;}

#page #container #content h6 {color: #666; padding: 5px 10px 5px 10px; font-size: 12px; background: #ddd; font-family: verdana; margin: 0;}
#page #container #content h6.sep {margin: 0 0 15px 0;}
#page #container #content h5.sep {color: #666; padding: 5px 10px 5px 10px; font-size: 9px; background: #eee; font-family: verdana; margin: 0 0 15px 0; font-weight: normal;}

#page #container #content .text {text-align: justify; margin: 15px 0 15px 0;}
#page #container #content .margins {padding: 0 10px 5px 10px;}
#page #container #content .text p strong {color: #ff6600;}

#page #container #content h5.listLinks {background: #e8f2f5; font-weight: bold;}
#page #container #content ul.listLinks {padding: 5px 0 10px 0;}
#page #container #content ul.listLinks li {margin: 0 0 10px 15px; padding: 0; border: 0;}
#page #container #content ul.listLinks li a {display: inline; background: url(images/ico_point_b.gif) 0 center no-repeat;}
#page #container #content ul.listLinks li a:hover {color: #ff9900;}

#page #container #content #paginator {position: relative; width: 480px; border: 1px solid #ccc; background: #dfdfdf; padding: 10px; font-size: 9px; text-align: right; margin: 10px 0 20px 0;}
#page #container #content #paginator .info {position: relative; float: left; color: #666; font-family: verdana;  font-weight: bold; text-align: left; margin: 0 10px 0 0;}
#page #container #content #paginator a {padding: 2px 4px 2px 4px; background: #e9e9e9; color: #666; font-weight: bold; font-family: verdana;}
#page #container #content #paginator a:hover {background: #ff6600; color: white;}
#page #container #content #paginator span {padding: 2px 4px 2px 4px; background: #e9e9e9; color: #ccc; font-family: verdana;}

/* ESTILOS CONTENT - Buscador portada */
#page #container #content .rightHome {position: relative; float: right; margin: -121px -3px 0 0; width: 207px; background: white url(images/destacado_back.jpg) top no-repeat; padding: 25px 25px 0 25px;}

#page #container #content .mapProv {position:relative; height: 463px; margin: 50px -8px 0 0; _margin-left: -10px; background: white url(images/buscador_prov_back.gif) top no-repeat; padding: 25px 20px 0 20px;}
/* ESTILOS LEFT */
#page #container #left h3 {padding-bottom: 2px; border-bottom: 1px solid #ddd; line-height: 19px;}
#page #container #left h3.textRight {position: relative; top: 13px; text-align: right; border: 0; margin-bottom: 15px;}

#page #container #left .optMap {position: relative; height: 20px; padding: 10px 0 10px 0;}
#page #container #left .optMap .left {position: relative; float: left;}
#page #container #left .optMap .linkZoom {background: url(images/ico_zoom_w.gif) 0 center no-repeat; padding: 2px 0 2px 22px; font-size: 9px; font-weight: bold; font-family: verdana; display: block;}
#page #container #left .optMap .level {position: relative; float: right; text-align: right; margin-top: 3px;}
#page #container #left .optMap .level img {margin-right: 5px;}

#page #container #left blockquote.info {position: relative; margin: 10px 0 10px 0; padding: 15px; background: #fff1e5;}

#page #container #left .linkMail, #page #container #left .linkPrint  {background: url(images/ico_mail.gif) 0 center no-repeat; padding: 2px 0 2px 22px; font-weight: bold; font-family: verdana; display: block; margin-bottom: 10px;}
#page #container #left .linkPrint {background: url(images/ico_print.gif) 0 center no-repeat;}

#page #container #left .foto {background: #eee; border: 1px solid #ddd; padding: 10px;}


/* CLASES AUXILIARES - Inicio */
#page small{font-size: 9px}/*texto pequeno*/
#page b,#page strong{}/*negrita*/
#page em,#page i{}/*cursiva*/
#page u{}/*subrayado*/
#page strike{}/*tachado*/

/* AUXILIAR - FICHA */

body.doscol #page #container #content ul.lista {
width: auto;
margin:0;
padding:0;
border:0;
}

body.doscol #page #container #content ul.lista li{
border:0;
background:url(images/ico_point_r.gif) 15px 4px no-repeat;
padding-left:25px;
}

/* gastronomia */

#content .title_gast{
/*
border-bottom:1px solid #CCCCCC;
font-size:15px;

margin:5px 0pt;
padding:0pt 0pt 5px 5px;
*/
border-bottom:1px solid #DDDDDD;
font-size:13px;
font-weight:bold;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-stretch:extra-condensed;
line-height:19px;
margin-bottom:10px;

}

/** **/

#recursos_top{
margin-left:325px;
margin-top:20px;
position:absolute;
z-index:1000;
}

#recursos_top h5.blanco{
color:#fff;
}

#recursos_top h5{
margin-bottom:5px;
font-size:15px;
}

#recursos_top .rec_prov{
font-weight:bold;
}