/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:#313131}
html, input, textarea	{	font-family:Tahoma, Geneva, sans-serif; 
		color:#3a3a3a;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#3a3a3a; text-decoration:underline} 
a:hover{text-decoration:none}
.link{color:#3a3a3a; font-weight:bold; background:url(/tyosa_web/images/marker.gif) center right no-repeat; padding-right:15px; font-size:1.09em} 
.link1{color:#f97000; font-weight:bold;} 
.link2{font-size:1.18em} 

ul{margin:0; padding:0; list-style:none;}
ul li{background:url(/tyosa_web/images/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
ul li a{color:#fa7400; font-weight:bold; text-decoration:none ; line-height:1.8181em} 
ul li a:hover { text-decoration:underline; }

ol{margin:0; padding:0; list-style-position:inside; font-weight:bold; color:#f96d00}
ol li{}
ol li a{color:#3a3a3a; font-weight:normal; text-decoration:none} 
ol li a:hover { text-decoration:underline; }


/*header*/
#header {font-size:0.6875em; color:#FFFFFF }
#header .menu{ position:absolute; padding:0 0 0 630px; text-align:center; }
#header .menu .bg{background:url(/tyosa_web/images/bg_menu.gif); width:300px; height:28px; vertical-align:middle;  padding:7px 0px 0px 0px;}
#header .menu a{ background:url(/tyosa_web/images/bg_li.gif) no-repeat right top; padding:0px 5px 0px 5px; color:#343435; text-decoration:none}
#header .menu .last{ background:none}
#header .menu .first{ color:#F74E00; font-weight: bold;}
#header .menu a:hover{text-decoration:underline}
#header .title{  margin-bottom:16px}
#header p{ margin:0 0 22px 0}
#header .slogan{ position:absolute; margin:135px 0 0 31px}
#header .logo{ margin:0 0 28px 0;  }
#header .block{ margin:17px 0 0 0; /*background:url(/tyosa_web/images/bg_block.jpg); */ width:910px; height:287px; font-size:1.09em; font-family:Arial, Arial, Helvetica, sans-serif; line-height:1.33em }
#header .indent-block{padding:46px 30px 0 576px;}
#header .indent{padding:8px 0 0 24px}

/*header2*/
#header2 {font-size:0.6875em; color:#FFFFFF }
#header2 .menu{ position:absolute; padding:0 0 0 630px; text-align:center; }
#header2 .menu .bg{background:url(/tyosa_web/images/bg_menu.gif); width:300px; height:28px; vertical-align:middle;  padding:7px 0px 0px 0px;}
#header2 .menu a{ background:url(/tyosa_web/images/bg_li.gif) no-repeat right top; padding:0px 5px 0px 5px; color:#343435; text-decoration:none}
#header2 .menu .last{ background:none}
#header2 .menu .first{ color:#F74E00; font-weight: bold;}
#header2 .menu a:hover{text-decoration:underline}
#header2 .title{  margin-bottom:16px}
#header2 p{ margin:0 0 22px 0}
#header2 .slogan{ position:absolute; margin:135px 0 0 31px}
#header2 .logo{ margin:0 0 28px 0 }
#header2 .block{ margin:17px 0 0 0; /*background:url(/tyosa_web/images/bg_block.jpg); */ width:910px; height:287px; font-size:1.09em; font-family:Arial, Arial, Helvetica, sans-serif; /*line-height:1.33em*/ }
#header2 .indent-block{padding:46px 30px 0 576px;}
#header2 .indent{padding:8px 0 0 24px}




/*content*/
#content{ font-size:0.6875em;  text-align:left; background:#f8f4e8; font-family:Arial, Arial, Helvetica, sans-serif; width:100%}
#content .indent-main{padding:0 25px 51px 22px}
#content .indent-col1{padding:10px 30px 25px 15px}
#content .indent-col1-1{padding:0px 30px 13px 15px}
#content .indent-col1-2{padding:10px 30px 13px 15px}
#content .indent-col2{padding:0px 20px 30px 32px}
#content .indent-col2-1{padding:0px 20px 0 32px}
#content .indent-col2-2{padding:0px 20px 0 32px}
#content .title{  margin-bottom:18px; margin-top:10px; color:#666666; font-family:Arial, Arial, Helvetica, sans-serif; font-size:0.6875em;  text-align:left; font-size:2.0em;  line-height:1.27em;}
#content .title-noticias{ margin-bottom:18px; margin-top:16px; color:#666666; font-family:Arial, Arial, Helvetica, sans-serif; text-align:left; font-size:2.0em;/*
background:url(/tyosa_web/images/rss.gif) no-repeat  right top; width:16px; height:16px; padding:0px 85px 0px 0px; */}
#content .img{ margin:0 72px 0 80px}
#content .img1{ margin:0 67px 0 71px}
#content .img-left{ float:left; margin:0 12px 10px 0}
#content .img-left1{ float:left; margin:0 12px 11px 0}
#content .img-indent{ margin:0 0 16px 62px}
#content p{ margin:0 0 11px 0}
#content .p{ margin:0 0 5px 0}
#content .p1{ margin:0px 0px 22px 0px;}
#content .p2{ margin:0 0 42px 0; text-decoration:none;}
#content .p2 a{ margin:0 0 42px 0; color:#f97000; text-decoration:underline;}
#content .p2 a:hover{ margin:0 0 42px 0;color:#f97000; text-decoration:none;}
#content .p3{ margin:0}
#content h4{color:#f96d00; text-transform:none; font-size:1.18em; margin-bottom:7px;  }/*text-transform:uppercase ES MAYUSCULA*/
#content h4 a{color:#f96d00; text-transform:none; font-size:1.0em; margin-bottom:7px;  }
#content h4 a:hover {color:#f96d00; text-transform:none; font-size:1.0em; margin-bottom:7px;  }
#content h3{color:#f96d00; font-size:1.18em; margin-bottom:17px;  }
#content h3 a {color:#f96d00; font-size:1.18em; margin-bottom:17px;  }
#content h3 a:hover{color:#f96d00; font-size:1.18em; margin-bottom:17px; text-decoration:underline; }
.tail{ background:url(/tyosa_web/images/tail.gif) repeat-x bottom}
.txt{ line-height:1.27em}
.txt1{ float:right; display:block; margin-bottom:15px}

#page1 #content .indent{padding:10px 0 10px 0;}
#page1 #content .indent1{margin:10px 0 10px 0;}
#page4 #content .indent1{margin:10px 0 20px 0;}
#page5 #content .indent{padding:10px 0 10px 0;}
#page5 #content .indent1{margin:25px 0 25px 0;}
#page6 #content .indent{padding:10px 0 10px 0;}
#page6 #content .indent1{margin:25px 0 25px 0;}

#page8 #content p{ margin:0 0 15px 0}


/*footer*/
#footer { color:#ffffff; font-size:0.6875em; padding:40px 0px 0px 0px; }
#footer .indent-footer{ padding:40px 30px 0 37px;}
#footer .indent-derecha{ padding:0px 0px 0px 800px;}
#footer a {color:#fc8e00; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.h{ height:30px}
.block-contact span{ float:right}
.block-contact1 span{ float:right; margin-right:75px}
input{
	border-left:1px solid #424242; 
   	border-top:1px solid #424242; 
   	border-right:1px solid #cad2d5; 
   	border-bottom:1px solid #cad2d5; 
	background:#FFFFFF;
	width:215px; height:17px;
	font-size:1em;
	color:#000000;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
	border-left:1px solid #424242; 
   	border-top:1px solid #424242; 
   	border-right:1px solid #cad2d5; 
   	border-bottom:1px solid #cad2d5; 
	background:#FFFFFF;
	color:#000000;
	width:215px; height:231px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
/* transparencia png para IE inferior a 7*/	
	.png{

background-image: url(”trasparente.png”)!important;
 background-image: none;
 filter: none !important;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’/tyosa/”trasparente.png’);/* CSS Document */
}

/*--------------------- GALERIA DE IMAGENES NOTICIAS--------------------*/
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/* FIN GALERIA DE FOTOS*/