/*CORPORATE_INDEX*/

body {
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	text-align: center;
	}

#wrapper {
	width:760px;
	margin:0px auto;
	}	
	 
	   
/*aquí no hay #logo 
  porque está integrado en el clip del header*/
  
  
#claim {
	float:left;
    width:760px;
	height:20px; 
	background-image:url(../img/index/claim.);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:15px;
	} 
	/*el claim es "solo texto", pero se coloca como imagen debido a la tipografía*/
	/*puse bastante padding-top acá, para que quedara más lugar para el mensaje de error*/



#bienvenue {
    float:left;
	font-size:10px;
	color: #999999;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:2px;
	text-align:left;
	background-color:#FFFFFF;
	}

#login {
    float:left;
	font-size:10px;
	color: #999999;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-top:2px;
	text-align:left;
	background-color:#FFFFFF;
	}
	
.inscript {
    font-size:14px;
	color: #FF0000;
	background-color:#FFFFFF; 
	padding:6px;
	} 
	
.msgErr {
	color:#FF0000;
	background-color: #CCCCCC;
	font-size:14px;
	font-weight:bold;
	color: #E2001A;
	padding:6px;
	}	



#description {
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
	font-weight: normal;
	color:#FFFFFF;
	letter-spacing:1px;
	background-color:#8fb0cf; 
	    /*azul e-medicis al 50%*/
	padding:5px;
	text-align:center;
	margin-top:15px;
	} 

.featured {
    font-family: Arial, Helvetica, sans-serif;
    font-size:19px;
	font-weight:bold;
	color: #FFFFFF;
	letter-spacing:1px;
	background-color:#8fb0cf; 
	    /*azul e-medicis al 50%*/
	} 


/*ESTO creo que NO lo voy a necesitar*/
#btnDisconnect {
    margin-left:350px;
	color:#818A8B;
}	
  
  

/*     main_menu      */ 
/* los botones NO son color SINO que llaman a imagenes */
#main_menu {
    height:24px;
    width:100%;
    padding:0px;
    margin:0px;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    list-style-type:none;
    /*border:1px solid gray; */
}
#main_menu .OptionUp{
    float:left; 
    position: relative;
    top:9px; 
    left:-3px; 
	/*el tamanho del boton es 112 x 20*/
    width:117px;
    height:20px; 
    text-align:center;
	line-height:1.5;
    text-decoration:none;
    color:#ffffff;
    background-image: url(../img/index/mainMenu_button_up.gif);
    background-repeat:no-repeat;
    background-position:center;
    }   
#main_menu .OptionUp:hover{
    background-image: url(../img/index/mainMenu_button_over.gif);
    background-repeat:no-repeat;
    background-position:center;
    }
#main_menu .OptionDown{
    float:left;
    position:relative;
    top:9px;
    left:-3px;
	/*el tamanho del boton es 112 x 20*/
    width:117px;
    height:20px; 
    text-align:center;
	line-height:1.5;
	text-decoration:none;
    color:#ffffff;
    background-image: url(../img/index/mainMenu_button_down.gif);
    background-repeat:no-repeat;
    background-position:center;
    /*border: 3px solid #8CB42D;*/
    }     
#main_menu .OptionDown:hover{ 
    background-image: url(../img/index/mainMenu_button_down.gif);
    background-repeat:no-repeat;
    background-position:center;
    
    }    
#main_menu li {
    display:inline;
    }
#main_menu ul, #main_menu div{
    margin:0;
    padding:0;
}
/*  end_main_menu  */


.space_1 {
    height:30px;
	}


/*   estilos de texto   */
.text_basic {
     font-size:12px;
	 color:#999999;
	 }
.text_basic_featured {
     font-size:12px;
	 font-weight:normal;
	 color:#000000;
	 }
.text_title_1 {
     font-size:21px;
	 font-weight: bold;
	 letter-spacing:1;
	 color:#FFFFFF;
	 background-color:#91B26B;
	 padding:4px;
	 }
.text_title_2 {
     font-size:12px;
	 font-weight:bold;
	 color:#666666;
	 }
.text_title_3 {
     font-size:26px;
	 font-weight:bolder;
	 letter-spacing:1;
	 color:#e2001a;
	 background-color:#d1d1d1;
	 padding:5px;
	 }
.text_basic_solutions {
     font-size:12px;
	 color:#999999;
	 padding-right:15px;
	 }
/*   FIN estilos de texto  */


/* estilos e imagenes SOLUTIONS */
/* los espacios para imagenes son mas grande que las imagenes:
    la imagen arrow es 240 x 56 px
	y la imagen "foto" es 90 x 135px */

.solutions_1 {
    float:left;
    width:268px;
	height:62px; 
	background-image:url(../img/index/solutions_arrow_1.gif);
	background-repeat:no-repeat;
	}
.solutions_1_image {
    float:right;
    width:100px;
	height:150px;
	background-image:url(../img/index/solutions_image_1.gif);
	background-repeat:no-repeat;
	}
.solutions_2 {
    float:left;
    width:268px;
	height:62px; 
	background-image:url(../img/index/solutions_arrow_2.gif);
	background-repeat:no-repeat;
	}
.solutions_2_image {
    float:right;
    width:100px;
	height:150px;
	background-image:url(../img/index/solutions_image_2.gif);
	background-repeat:no-repeat;
	}
.solutions_3 {
    float:left;
    width:268px;
	height:62px; 
	background-image:url(../img/index/solutions_arrow_3.gif);
	background-repeat:no-repeat;
	}
.solutions_3_image {
    float:right;
    width:100px;
	height:150px;
	background-image:url(../img/index/solutions_image_3.gif);
	background-repeat:no-repeat;
	}

/*  FIN de estilos e imagenes SOLUTIONS   */




/*    menu foot horizontal   */  
.tablefoot {
    margin-left: 0px;
 } /*no se usa aca*/

#footHorizontal {
	padding-top:10px;
	list-style-type:none;
	}	
#footHorizontal li a {
	text-decoration:none;
	text-align:center;
	color:#999999;
	background-color:#FFFFFF;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	border-right:0.5px;
	border-right-style:solid;
	border-color:#999999;
	}  /*antes había tambien un "margin-left:15px" para separar
	     los textos del foot de los logos que tambien estaban en el foot */

#footHorizontal li a:hover {
	background-color:#e3e3e4; /* 15% k */
	}
#footHorizontal li {
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	}
/*    end menu foot horizontal   */  


/* estos son lugares y llamadas para logos que a veces se usan 
  pero en este caso no. Quedan para otra vez */
.poweredImage {
    width:150px;
    height:112px;
    /*background-image:url(../img/hist/logo_emedicis_red.jpg);
    background-repeat:no-repeat;*/
    }	
#anotherLogo_1 {
	margin-top:30px;
	margin-left:20px;
	}
#anotherLogo_2 {
	margin-top:25px;
	margin-left:20px;
	}
#message{
    float: left;
}


/* CARTA COLOR:
   VERDE:  #91B26B  ----- 145 / 178 / 107
   AZUL:   #20619F  ----- 32 / 97 / 159
   50% AZUL:  #8fb0cf ------ 143 / 176 / 207
   25% AZUL:  #c7d7e7
   ROJO: #e2001a  -------  226 / 0 / 26
     (equivalente a 0/100/100/0 - pues el 255/0/0 es MUY luminoso)
*/