﻿/*********************************************
*** Designed by Juergen Koller			   ***
*** Designers Home: http://www.LernVid.com ***
**********************************************/

html {
	height : 100%;
}
body {
	font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
	font-size: 13px;
	color: #000000;
	background-color: #3b3f41;
	margin:0;
	padding:0;
	/*background-image:url('../images/bg.gif');*/
	/*background-image:url('../images/fondo.jpg');*/
	background-position:center top;
	background-repeat: no-repeat;
}
#bg_up {
    margin: auto;
    padding: 0;
    width: 100%;
}
#wrapper {
    background-color: #3B4040;
    background-position: left top;
    background-repeat: repeat-y;
    margin: auto;
    width: 962px;
}
#header_container {
    height:100;
	width: 100%;
	margin:auto;
}

#navigation ul.menu li {
    text-align:center;
	 
	font-weight : bold;
	float : left;
	margin : 0 auto;
	padding : 5px;
	font-size : 11px;
	height : 62px;
	line-height : 50px;
	white-space : nowrap;
	/*background-image:none;
	background-color: transparent;
	background-image : url(../images/boto.png);
	background-repeat: no-repeat;
	background-position:right top;*/
	border:none !important;
	list-style:none;
}
/* JS Hovermenu */
#navigation ul{
	position:relative;
}
#navigation ul div.ahover{
	position:absolute;
	z-index:100;
	background-image:url('../images/boton15.png');
	background-repeat: repeat-x;
	
	color:#000000;
}
/*.left_boton  {
    background-image: url("../images/left_boto.png");
    background-position: left top;
	
    background-repeat: no-repeat;
    height: 57px;
    
    z-index: 100;
	float:left;
}
.right_boton  {
    background-image: url("../images/right_boto.png");
    background-position: right top;
	
    background-repeat: no-repeat;
    height: 57px;
    
    z-index: 100;
	float:right;
}*/
#navigation ul li a{
	position:relative;
	z-index:101;
}
/* JS Hovermenu End */
#navigation {
    float: left;
    height: 50px;
    overflow: hidden;
    padding: 0 0 0 5px;
    position: absolute;
    text-align: center;
    top: 164px;
}
#navigation ul.menu {
	float:left;
	list-style : none;
	padding : 0;
	margin : 0 auto;
	font-size : 11px;
	background-image:url('../images/ben.gif');
	clear:both;
}
#navigation ul.menu li a {
	text-align : center;
	font-weight : normal;
	font-size : 11px;
	display : block;
	padding-left : 7px;
	padding-right : 7px;
	text-decoration : none;
	letter-spacing: 1px;
	text-transform: uppercase;
	border:none !important;
	width: auto;
}
#navigation ul.menu li a:hover {
	background-image : url(../images/boto.png);
	background-repeat:repeat-x;
	background-position:left top;
} 




#navigation ul.menu li a#active_menu-nav:hover {
	text-decoration : line-through;
}





#header_container {
    height:100;
	width: 100%;
	margin:auto;
}
#header {
    background-color: #3B4040;
    background-image: url("../images/topimsaanimado.gif");
    background-position: center center;
    background-repeat: no-repeat;
    color: #505050;
    display: block;
    height: 222px;
    margin: 0;
    padding: 0;
}
#sidebar_left {
    background-image: url("../images/left.jpg");
    background-position: left top;
	background-repeat:repeat-y;
    float: left;
  
    overflow: hidden;
    position: relative;
    width: 940px;
}

#sidebar_right {
	
	float: right;
	width: 925px;

	overflow: hidden;background-image: url("../images/right.jpg");
    background-position: right top;
	background-repeat:repeat-y;
	background-color: #F09D05;
	position: relative;
}
#content {
    background: none repeat scroll 0 0 #000000;
    float: left;
    min-height: 537px; 
    margin: 0;
    padding: 0;
    width: 446px;
}
#bottom {
	color:#505050;
	display:block;
    height: 668px;
	margin: auto;
	padding:0;
	background-color: #3b4040;	
	background-image:url('../images/bajos2.png');
	background-position: center;
	background-repeat:no-repeat;
	width:962px;
	float:left;
} 

#content_out{
	
	
	background: none repeat scroll 0 0 #F09D05;
}
#container-left{
width:231px;}
#bottom_container{

width:962px; 
margin:auto;}

#container{width:942px;margin:auto;}
 /*********** color 0 ******************************/
#search_inner input, 
#search_inner .inputbox {
	background-color:#001020;
	color: #555;
}
/*********** color 1 ******************************/
div.module_menu h3 {
	color: #0b75e2;
}
#search_inner .inputbox:hover {
	color: #0b75e2;
}
#breadcrumbs {
	color:#0b75e2;
}
#breadcrumbs a {
	color: #0b75e2;
}
.module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus {
	color: #0b75e2;
}
#navigation ul.menu li a {
    color: #FFCC00;
    font-weight: bold;
}
.active  a {
    color: #000000;
    font-weight: bold;
}



.module_menu ul.menu li a:first-letter {
	color: #0b75e2;
}
/*********** color 2 ******************************/
a, a:link, a:visited, a:active, a:focus {
	color: #FFFFFF;
	text-decoration: none;
}
.button:hover {
	color: #5eb9d7;
}
/*********** color 3 ******************************/
#navigation ul.menu li a:hover {
	color:#000000;
	
}
#user5 div.moduletable h3, #user6 div.moduletable h3, #user7 div.moduletable h3 {
	color: #b1ea08;
}
#top div.moduletable h3, #user1 div.moduletable h3, #user2 div.moduletable h3 {
	color: #b1ea08;
}
table.module th, .module_text h3 {
	color: #b1ea08;
}
div.module h3{
	color: #b1ea08;
}
#sidebar_left div.module h3, #sidebar_right div.module h3 {
	color: #b1ea08;
}
.contentheading {
	color: #b1ea08;
}
.contentheading a {
	color: #b1ea08;
}
h1 {
	font-size : 40px;
	line-height : 40px;
}
h2 {
	font-size : 35px;
	line-height : 35px;
}
h3 {
	font-size : 30px;
	line-height : 30px;
}
h4 {
    font-size: 25px;
    line-height: 25px;
    margin: 13px;
	color:#fff;
}
h5 {
	font-size : 20px;
	line-height : 20px;
}
h6 {
	font-size : 15px;
	line-height : 15px;
}
#naviright{
	float:right;
    height: 370px;
    width: 120px;
} 
.idioma_titulo {
    float: left;
    font-size: 16px;
    margin-right: 9px;
}
 
.mod-languages{float:left;}
#barra_idioma {
    color: #FFCC00;
    float: right;
    margin-right: 18px;
    margin-top: 187px;
}
#contact {
  /*  background-image: url("../images/form.png");*/
    float: right;
    
    margin-right: 15px;
    width: 223px;
}




div.message {
	font-weight : bold;
	font-size : 14px;
	color: #999;
	text-align : center;
	width : auto;
	background-color: #202020;
	border : 1px solid #999;
	margin : 3px 0 10px;
	padding : 3px 20px;
}
.pagination span {
	padding : 2px;
}
.pagination a {
	padding : 2px;
}
img {
	border : none;
}

.error {
	font-style : italic;
	text-transform : uppercase;
	padding : 5px;
	color: #ff0000;
	font-size : 12px;
}
#system-message {
	margin : 10px;
}
#system-message dd.message ul {
	border-top : 2px solid #999;
	border-bottom : 2px solid #999;
	margin : 5px;
	padding-left : 40px;
	text-indent : 0;
}
#system-message dd.error ul {
	color: #999;
	border-top : 2px solid #999;
	border-bottom : 2px solid #999;
	margin : 5px;
	padding-left : 40px;
	text-indent : 0;
}
#system-message dd.notice ul {
	color: #999;
	border-top : 2px solid #999;
	border-bottom : 2px solid #999;
	margin : 5px;
	padding-left : 40px;
	text-indent : 0;
}

#sidebar_left ul#mainlevel a {
	color: #999;
}



#buttons > #navigation ul.menu li a {
	width : auto;
}

#navigation ul.menu li a#active_menu-nav {
	font-size: 12px;
	background-image : url(../images/boto.png);
	background-repeat:repeat-x;
}
#navigation ul.menu li a#active_menu-nav:hover {
	text-decoration : line-through;
}
/*formulario*/
.bfPage-tl {
    background-image: url("../images/form_sup.png");
    background-repeat: no-repeat;
    height: 90px;
}
.bfPage-l{
	background-image: url("../images/form_centro.png");
	background-repeat: repeat-y;}
	

#bfPage2 div.bfNoSection{
	margin: 0 20px 0 12px;
    padding-left: 11px;}
.bfPage-br{
	background-image: url("../images/form_pie.png");
	background-repeat: no-repeat;
	height: 23px;}
	

#content_left {
    background-image: url("../images/lateralizq.jpg");
    background-repeat: no-repeat;
    float: left;
    height: 538px;
    width: 231px;
}
#content_left-ejemplo {
    background-image: url("../images/placa_menus_imsa2.png");
    background-repeat: no-repeat;
    float: left;
    height: 538px;
    width: 231px;
}

#content_left-privacidad {
    background-image: url("../images/placa_menus_privacidad.png");
    background-repeat: no-repeat;
    float: left;
    height: 1654px;
    width: 231px;
}
#content_left-guinaz {
    background-image: url("../images/placa_2_men.png");
    background-repeat: no-repeat;
    float: left;
    height: 538px;
    width: 231px;
}
#content_left-empresa {
    background-image: url("../images/placa_menus_imsa8.png");
    background-repeat: no-repeat;
    float: left;
    height: 538px;
    width: 231px;
}
#content_left-fermax {
    background-image: url("../images/placa_3_men.png");
    background-repeat: no-repeat;
    float: left;
    height: 538px;
    width: 231px;
}
#content_left-tegui {
    background-image: url("../images/placa_1_men.png");
    background-repeat: no-repeat;
    float: left;
    height: 538px;
    width: 231px;
}
#content_left-inicio{
background-repeat: no-repeat;
    float: left;
    height: 186px;
    width: 231px;}
#content_left-placa{
	background-image: url('/imsa/images/botonera_menu.png');
    float: left;
    height: 353px;
    width: 231px;
}
	
	
.left-inner {
    margin-top: 200px;
    width: 231px;
}

.left-inner ul.menu {
    /*background-image: url("../images/ben.gif");*/
    clear: both;
    float: left;
    font-size: 11px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
}

.left-inner ul {
    position: relative;
}
.left-inner ul.menu li {
    border: medium none !important;
    font-size: 11px;
    /*font-weight: bold;*/
    height: 36px;
    line-height: 38px;
    list-style: none outside none;
    overflow: hidden;
    width: 239px;
}
.left-inner div.left_boton  {
    
    height: 37.5px;
    
    z-index: 100;
	float:left;
}
.left-inner div.right_boton  {
    
    height: 36px;
    
    z-index: 100;
	float:right;
}
.menu a:link, a:visited {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    margin-left: 10px;
    padding-left: 77px;
    text-transform: uppercase;
}
.menu a:hover{
    color: #F09D05;
    display: block;
    height: 32px;
	font-size: 11px;
	text-transform: uppercase;
}
li.active a{
    color: #F09D05;
    display: block;
    height: 32px;
	font-size: 11px;
	text-transform: uppercase;
}
.breadcrumbs-pad {
    background: url("../images/home.png") no-repeat scroll 10px 0 #1B1B1B;
    
}
div.breadcrumbs {
    color: white;
    display: block;
    float: left;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    padding: 0 10px 0 40px;
}
.barra {
    border: 1px solid #FFCC00;
    border-radius: 4px 4px 4px 4px;
    font-size: 90%;
    height: 27px;
    margin: auto;
    position: relative;
    top: 177px;
    width: 936px;
}
.custom-inicio {
    float: left;
    height: 186px;
    width: 231px;
}
.custom-imsa {
    float: left;
    height: 536px;
    width: 222px;
}
.custom1-imsa {
    float: left;
    margin: 0 5px 4px 18px;
    padding-bottom: 20px;
}
.custom2-imsa {
    height: 549px;
    overflow: hidden;
    width: 197px;
}

.custom-imsa a {
    display: block;
    height: 91px;
    line-height: 26px;
    text-align: center;
    width: 198px;
}
.custom-imsa p {
    color: #0D0D0D;
    margin: 2px 0;
    padding: 0 5px;
}
#nav {
    float: left;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    height: 27px;
    width: 70%;
    z-index: 100;
}
#nav ul {
    margin-left: -25px;
}
#nav ul li {
    height: 27px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -12px;
}
#nav li {
    border-right: 1px solid #1C1C1C;
    float: left;
    list-style: none outside none;
    position: relative;
}
#nav li a {
    color: #C8C8C8;
    display: block;
    font-size: 100%;
    font-weight: normal;
    line-height: 27px;
    padding: 0 26px;
    text-shadow: 1px 1px 1px #000000;
    text-transform: uppercase;
}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {
 height:27px;
 color:#fff;
 text-decoration:none; 
 background: url("../images/menubg.png")repeat-x scroll 0 0 transparent;
 }
 #nav li.active a {height:27px; border-left:1px solid #1c1c1c; color:#fff;  text-shadow: 1px 1px 1px #000;background: url("../images/menubg.png")repeat-x scroll 0 0 transparent;}
.item-page p {
    
    color: #ffcc00;
    margin: 8px 10px 0 10px;
}
.item-page  li{
color: #ffcc00;}

