﻿body
{
	background:url(images/main_bg.gif) repeat-x;
	background-color:#d71920;
    min-height:750px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #333;
	padding:0;
	margin:0;
}

#wrapper {
	width: 930px;
	margin: 0 auto;
}


#top{
	width:930px;
	margin:0 auto;
	height:320px;
}

#top_link
{
    width:100%;
    height:29px;
	float:left;
	margin:13px 0 0 0;
}

#top_left_link
{
    width:50%;
    float:left;
}

#top_right_link
{
    width:50%;
    float:left;
}

#header
{
    width:930px;
    height:250px;
}

#logo_en
{
    width:48%;
    height:250px;
    float:left;
    background:url(images/logo_en.png) 0 0 repeat-x;
}

#logo_es
{
    width:48%;
    height:250px;
    float:left;
    background:url(images/logo_es.png) 0 0 repeat-x;
}

#logo_tr
{
    width:48%;
    height:250px;
    float:left;
    background:url(images/logo_tr.png) 0 0 repeat-x;
}

#main_flash
{
    width:50%;
    height:250px;
    float:right;
    text-align:right;
}

#clear
{
    float:left;
    width:2%;
}

#mapPath
{
  font-family:Calibri;
  text-align:right;
  font-size:11pt;
}

#mapPath .first
{
    color:Blue;
    font-family:Calibri;
    font-size:medium;   
}

#middle
{
   width:930px;
   margin:0 auto;
    /*height:900px;*/
}

#menu
{
    height:25%;
    float:left;
}
#menu .item
{
   /*background: url("menu/sol_black/bg_01.gif") no-repeat;*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5b5b5c,endColorStr=#000000);
    background: -webkit-gradient(linear, left top, left bottom, from(#5b5b5c), to(#000000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #5b5b5c,  #000000); /* for firefox 3.6+ */

}
#menu .dItem
{
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#656565,endColorStr=#c8c8c8);
    background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#c8c8c8)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #656565,  #c8c8c8); /* for firefox 3.6+ */
}

#menu .ItemSelected, #menu .ItemHover
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#5b5b5c);
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#5b5b5c)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #000000,  #5b5b5c); /* for firefox 3.6+ */
   
}

#main_content
{
    width:74%;
    /*float:left;*/
    min-height:500px;
}

#footer
{
    width:100%;
	/*background:url(images/footer_bg.gif) repeat-x #FFFEF3;*/
	height:160px;
	margin-bottom:0px;
	margin-top:10px;
}

#footer_content
{
    width:100%;
	background:url(images/footer_bg.gif) repeat-x #FFFEF3;
	text-align:center;
	float:left;
	height:65%;
}

#copy_right
{
    width:100%;
	/*background:url(images/footer_bg.gif) repeat-x #FFFEF3;*/
	text-align:center;
	margin-top:0;
	height:35%;
}

.footDiv
{
    float:left;
    margin-left:5px;
    text-align:center;
}

#contact
{
    height:281px;
    margin-top:30px;
}


.container{
	width: 960px;
	margin: 0 auto;
	background: #fff url(images/container.png) repeat-y top right;
}	

.middle{
/*	margin-top: 1px;*/
	    margin: 0 auto;
 
 
}
	.middle .sol {
		float: left;
		width: 200px;
		 /*height:900px;*/
		/*background: url(images/sol.png) repeat-y;*/
	    padding-left:3px;
	    margin: 0 auto;
	    background-color:#920202;
	    /*min-height:800px;*/
	}
	
	.middle .sol .item
{
   /*background: url("menu/sol_black/bg_01.gif") no-repeat;*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5b5b5c,endColorStr=#000000);
    background: -webkit-gradient(linear, left top, left bottom, from(#5b5b5c), to(#000000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #5b5b5c,  #000000); /* for firefox 3.6+ */

}
.middle .sol .dItem
{
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#656565,endColorStr=#c8c8c8);
    background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#c8c8c8)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #656565,  #c8c8c8); /* for firefox 3.6+ */
}

.middle .sol .ItemSelected, .middle .sol .ItemHover
{
  /* CSS class for hovering and selected Menu Item
     ... which can be split up, of course! */
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#000000,endColorStr=#5b5b5c);
    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#5b5b5c)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #000000,  #5b5b5c); /* for firefox 3.6+ */
   
}
	.middle .sag{
		float: right;
		width: 700px;
		margin: 0 auto;
		 /*height:900px;*/
		/*background: url(images/sag.png) repeat-y;*/
		background-color:#920202;
		min-height:800px;
	}
		.middle .sag h2{
			margin-left: 10px;
			margin-right: 10px;
			margin-top:10px;
			font-size: 15pt;
			font-weight: bold;
			color: #fff;
			text-align:left;
		}
		.middle .sag h3{
			margin-top:10px;
			font-size: 15pt;
			font-weight: bold;
			color: #fff;
			text-align:center;
		}
		.middle .sag h5
		{
		    margin-top:2px;
		    color: #fff;
		    text-align:center;
		    font-size: 10pt;
		}
		.middle .sag p
		{
		    margin-left: 10px;
		    margin-right: 10px;
		    color: #fff;
		    text-align:justify;
		    font-size: 10pt;
		    }
			.middle .sag span
		{
		    color: #fff;
		    text-align:left;
		    font-size: 10pt;
		    }
		.middle .sag p b
		{
		    font-weight:bold;
		    color: #fff;
		    text-align:left;
		    font-size: 10pt;
		    }
		.middle ul li
		{
		    margin-left: 20px;
		    margin-right: 10px;
		    color: #fff;
		    text-align:justify;
		    font-size: 10pt;
		}    
		.middle .sag a
		{
		    color: black;
		    text-align:left;
		    text-decoration:underline;
		    font-size: 10pt;
		}
    
    .middle .sol .sag-menu2{
		width: 260px;
	}
	
	.middle .sol .sag-menu{
		width: 260px;
		/*height:210px;*/
	}		
    img
    {  
        border-style: none;
    }
