@CHARSET "ISO-8859-1";

* {
    margin: 0;
    padding: 0;
}

html body{
	margin:auto;
	width:970px;
	background-color: #E7E8E9;
	font-family: 'calibri',Verdana,Arial,Helvetica,sans-serif;
}

/*Estilos de la Web Header*/
html body div#content{
	margin:0;
	width:970px;
	position:absolute;
    background-image: url("../images/fondo01.png");
}

html body div#content div#header {
	border-bottom: 25px solid #AC1F2C;
	margin-top: 4px;
	margin-right: 5px;
	margin-left: 5px;
	width:960px;
	height:125px;
	background-color: #ffffff;
}

html body div#content div#header div#logo{
	width: 540px;
	height: 100px;
	float:left;
	background: url(../images/logo_farmasesor.jpg) no-repeat;
}

html body div#content div#header div#header_right{
	*height:100px;  /* IE7 */
	float:right;
	position:relative;
	background-color: #ffffff;
	width: 370px;
	padding: 10px 0 15px 0;
}

html body div#content div#header div#slogan {
	width:400px;
	text-align:right;
}

html body div#content div#header div#slogan p {
	font-size:24px;
	font-weight:bold;
	color:#AC1F2C;
}

html body div#content div#header div#fecha{
	margin-top:5px;
	width:400px;
	text-align:right;
}

html body div#content div#header div#fecha p {
    color: #666666;
    font-size: 12px;
}

html body div#content div#footer {
    background-color: #AC1F2C;
    float: left;
    margin-left: 5px;
    width: 960px;
    text-align: center;
}

html body div#content div#footer div.foot {
	width: 825px;
	height: 110px;
	margin-left: 70px;
}

html body div#content div#footer div.foot ul#logos li{
	margin:6px 10px 0 20px;
	display:inline;
	float: left;
}

html body div#content div#footer div.foot div.image {
	width: 145px;
	height: 100px;
	float: left;
	margin: 10px 10px;
}

html body div#content div#footer div.foot div.image.farma {
	background: url(../images/pie_farma.jpg) 100% 0 no-repeat;	
}

html body div#content div#footer div.foot div.image.edifa {
	background: url(../images/pie_edifa.jpg) 100% 0 no-repeat;	
}

html body div#content div#footer div.foot div.image.ceco {
	background: url(../images/pie_ceco.jpg) 100% 0 no-repeat;	
}

html body div#content div#footer div.foot div.image.fede {
	background: url(../images/pie_fede.jpg) 100% 0 no-repeat;	
}

html body div#content div#footer div.foot div.image.unne {
	background: url(../images/pie_unne.jpg) 100% 0 no-repeat;	
}

html body div#content div#footer div.foot2 h3{
	padding-top:10px;
}

html body div#content div#footer div.foot2 h3, html body div#content div#footer div.foot2 h3 a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: lighter;
    padding-bottom: 5px;
}


/********************* MENSAJES DE ERROR Y SISTEMA ****************************/

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* System Standard Messages */
#system-message dd.message ul {
	background: #C3D2E5 url(../images/common/notice-info.png) 4px center no-repeat;
}

/* System Error Messages */
#system-message dd.error ul {
	color: #c00;
	background: #E6C0C0 url(../images/common/notice-alert.png) 4px center no-repeat;
	border-top: 3px solid #DE7A7B;
	border-bottom: 3px solid #DE7A7B;
}

/* System Notice Messages */
#system-message dd.notice ul {
	color: #c00;
	background: #EFE7B8 url(../images/notice-note.png) 4px top no-repeat;
	border-top: 3px solid #F0DC7E;
	border-bottom: 3px solid #F0DC7E;
}

/********************* MARCO EXTERIOR Login ****************************/

#border-top .title {
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 48px;
}

#border-top.h_teal .logo_right {
	background: url(../images/logo_cecofar_small.png) no-repeat;
	height: 50px;
	width: 60px;
	float: right;
	margin-top: 4px;
}

#border-top .titleContainer {
	width: 100%; 
	text-align: center;
}
	
#border-top.h_teal {
	background: url(../images/common/h_teal/j_header_middle.png)
		repeat-x;
}

#border-top.h_teal div {
	background: url(../images/common/h_teal/j_header_right.png) 100% 0
		no-repeat;
}

#border-top.h_teal div div {
	background: url(../images/common/h_teal/j_header_left.png) no-repeat;
	height: 54px;
}

#border-topp.h_teal div {
	background: url(../images/common/j_corner_tr.png) 100% 0 no-repeat;	
}

#border-bottom {
	background: url(../images/common/j_bottom.png) repeat-x;
}

#border-bottom div {
	background: url(../images/common/j_corner_br.png) 100% 0 no-repeat;
}



#border-bottom div div {
	background: url(../images/common/j_corner_bl.png) no-repeat;
	height: 11px;
}

#content-box .padding {
	padding: 10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

/********************* SEGUNDO MARCO EXTERIOR y MARCO FORM Login ****************************/
div#element-box {
	background:none repeat scroll 0 0 #FFFFFF;
	text-align:center;
	width: 960px;
	margin-left: 5px; 
}

div#element-box div.t {
  background: url(../images/adminLogin/j_border.png) 0 0 repeat-x;
}

div#element-box div.t div.t {
   background: url(../images/adminLogin/j_crn_tr_light.png) 100% 0 no-repeat;
}

div#element-box div.t div.t div.t {
   background: url(../images/adminLogin/j_crn_tl_light.png) 0 0 no-repeat;
}

div#element-box div.b {
  background: url(../images/adminLogin/j_border.png) 0 100% repeat-x;
}

div#element-box div.b div.b {
   background: url(../images/adminLogin/j_crn_br_light.png) 100% 0 no-repeat;
}

div#element-box div.b div.b div.b {
   background: url(../images/adminLogin/j_crn_bl_light.png) 0 0 no-repeat;
}

div.t, div.b {
  height: 6px;
  overflow: hidden;
}

div#element-box div.login div.m {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

div#element-box div.m {
  padding: 10px 15px;
}

/********************* FORM y contenidos del mismo Login ****************************/

h1 {
	margin: 0px;
	padding-bottom: 8px;
	color: #ac152b;
	font-size: 20px;
	font-weight: bold;
}

p {
	margin: 0 0 10px 0;
	text-align:left; 
	/****** con un text-align: left; aquí le justifico de nuevo que los elementos 
	del cajón tienen que estar justificados a la izquierda******/
}

#form-login label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding: 4px;
	color: #666;
	font-weight: bold;
}

form .inputbox {
	width: 120px;
	margin-left: 10px;
}

input,select {
	font-size: 10px;
	border: 1px solid silver;
}

input:focus,select:focus,textarea:focus {
	background-color: #ffd;
}

#form-login .button_holder {
	float: left;
	padding-left: 161px;
}

#lock {
	background: url(../images/adminLogin/j_login_lock.jpg) 50% 0 no-repeat;
	width: 150px;
	height: 140px;
	float:none;
	margin-top:0px;
}

div#element-box div.login {
	margin: 40px auto; 
	width: 500px;
	text-align:left; 
}

#section-box {
	float: right;
	width: 320px;
	margin-left: 10px;
}

#form-login div.button1 {
float:left;
}

.button1 {
background:url("../images/adminLogin/j_button1_left.png") no-repeat scroll 0 0 transparent;
margin-left:5px;
padding-left:10px;
white-space:nowrap;
}

#form-login div.button1 div.next {
float:left;
}

.button1 .next {
background:url("../images/adminLogin/j_button1_next.png") no-repeat scroll 100% 0 transparent;
}

.button1 a {
color:#333333;
cursor:pointer;
display:block;
float:left;
font-size:12px;
font-weight:bold;
height:26px;
line-height:26px;
padding:0 30px 0 6px;
}

a, img {
margin:0;
padding:0;
}

.button1 a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.page span,.blank span {
	color: #000;
	font-weight: bold;
}

form {
margin:0;
padding:0;
}
/********************* BODY login ****************************/

html,body {
	height: 95%;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 10px;
	padding: 0;
	background: #fff;
	padding-bottom: 1px;
	font-size: 11px;
}

body {color: #000;}

.clr {
	clear: both;
	overflow: hidden;
	height: 0;
}