/* ESTILOS 2MDC PARA MICROSITE LANDESK DE OSIATIS Julio 2009 */


html {background:#E3DFF0;padding:10px;}

body {
background:url(../images/fondo_body.gif) repeat-y #fff;
margin:0 auto;
width:973px;	
padding:0;
font-family:Arial;
font-size:12px;
}

img, img a{border:none}

p {color:#494949;margin:10px 20px;}

blockquote {background:#E3DFF0; padding:10px;}

#pie {
background:url(../images/fondo_pie.gif) no-repeat;
height:67px;
margin-top:20px;
}
#pie ul {margin:20px;float:right}
#pie li {display:inline;list-style:none;margin:15px;font-size:11px}
#pie li a { color:#8B2357;text-decoration:none;}
#pie li a:hover { text-decoration:underline}


#tools {background:#E3DFF0;height:25px;border:1px solid #E3DFF0;font-size:11px;font-weight:bold;}
#tools ul {text-align:right;margin:0 40px 0 0}
#tools li {display:inline;border-right:1px solid #881D52;padding:0px 20px;line-height:20px;}
#tools a{color:#881D52;text-decoration:none}
#tools a:hover{text-decoration:underline}

#cabecera {background:url(../images/fondo_cabecera.gif) no-repeat;height:147px;}
#cabecera .logo {margin:9px 0 0 28px;border:none;}
#cabecera ul{
height:33px;
margin:0 auto;
padding:0;
width:947px;
background:url(../images/fondo_menu_sup.gif) repeat-x;
border-top:1px solid #b7b7b7;
border-bottom:1px solid #b7b7b7;
}

#cabecera li {display:inline;padding:0px 16px;background:url(../images/li_borde.gif) no-repeat right;line-height:33px }
#cabecera li a{color:#fff;text-decoration:none;}
#cabecera li a:hover{text-decoration:underline;}

#contenedor {margin:0 13px;}

#contenido {float:left;padding:0 0 0 15px;width:700px;}
#contenido h2 {color:#000;font-size:22px;font-weight:normal;display:block;background:url(../images/h2.gif) bottom repeat-x;height:61px;margin-bottom:0;margin-top:10px;}
#contenido h2 img {vertical-align:-14px;;margin:0 8px 0 0}
#contenido h3{color:#676767;font-size:15px;}
#contenido h3 span{border-bottom:1px solid #CCCCCC;color:#A54193;display:block;font-size:17px;font-weight:bold;}
#contenido h3 a {text-decoration:none}
#contenido h3 a:hover span{text-decoration:underline !important}
#contenido h4 { color:#A54193;font-size:14px;border-bottom:1px solid #ccc}
#contenido a {color:#A54193}
#contenido a:hover {color:#454545}
#contenido a.pdf {padding:2px 0 2px 20px; background: url(../images/pdf.gif) no-repeat;}
#contenido a.video {padding:2px 0 2px 20px; background: url(../images/video.gif) no-repeat;}
#contenido li  {margin:10px 20px;}

.lista_a {display:inline-block;}
.lista_a li {margin-left:20px;list-style:url(../images/li.gif);color:#E66B2D;line-height:17px;}
.lista_a li a {color:#E66B2D !important;text-decoration:underline;}
.lista_a li a:hover {text-decoration:underline;}

.lista_b {display:inline-block;margin-left:15px;}
.lista_b li {list-style:url(../images/li3.gif);color:#454545;line-height:17px;}
.lista_b li a {color:#454545 !important	;text-decoration:none;}
.lista_b li a:hover {text-decoration:underline;}

.lista_c {margin-left:40px}
.lista_c li {list-style:url(../images/li4.gif); line-height:17px;}

#breadcrumb {font-size:11px;color:#707070;margin-left:-10px;}
#breadcrumb strong {color:#000}
#breadcrumb a {color:#000 !important;text-decoration:none}
#breadcrumb a:hover {text-decoration:underline} 


.producto {width:45%;float:left;}
.producto img { float:left}
.producto h3 {color:#E66B2D !important;font-size:12px !important;margin:8px 0 0 0 !important}
.producto p {margin:0;font-size:11px;}
.producto a {color:#A54193;margin-top:5px;display:inline-block}
.producto a:hover {color:#666;}

.fecha {
background:url(../images/fecha.gif) no-repeat;
display:block;
width:53px;
height:51px;
float:left;
margin-right:10px;
}
.fecha strong {
color:#FFFFFF;
display:block;
font-size:10px;
margin:6px 0 0 9px;
}

.fecha em {
color:#525252;
font-size:22px;
font-style:normal;
font-weight:bold;
margin:1px 0 0 14px;
display:block;
}

.mas_info {
		background:url(../images/info.gif) left 20px no-repeat;
		margin-bottom:20px;
		}
.mas_info p {
	margin: 0 0 20px 80px;
	padding-top:20px;
}

.mas_info .mas_info_form {
	width:300px;
	margin-left:80px;
	}

.mas_info .mas_info_input {
	border:1px solid #848484;
	font-size:11px;
	padding:2px;
	color:#848484;
	margin:5px 0px;
	width:150px;
	font-family: Arial;
	}
.mas_info .boton {
	margin:0PX;
	padding:0PX;
	
	}
	
.mas_info span {
	width:100px;
	display:block;
	float:left;
	color:#494949;
	font-weight:bold;
	margin-right:10px;
	}	
.mas_info label {
	display:none;
	}	
	
.mas_info ul {margin:0 0 0 113px}
.mas_info ul li {color:#333333}
	
/* HOME */

#soluciones {float:left;width:472px;margin:0 0 0 8px;}
#eventos {float:left;width:219px;margin:0px;}
#noticias {float:left;width:219px;margin:0 0 10px 8px;}

.col {float:left;width:220px;margin:0 0 0 16px;padding:0;}
.col ul {margin:0;padding:0;list-style:none}
.col li {margin-bottom:10px}
.col h4, .col p  {margin:0;padding:0;border:none !important}
.col p{color:#414141;font-size:11px;margin-left:10px;}
.col a {text-decoration:none}
.col a:hover, .col2 a:hover h4, .col3 a:hover h4, #soluciones .col a:hover h4 {text-decoration:underline !important}
.col h4 {color:#A54193!important;font-size:14px!important}
.col2 h4 {color:#014376!important;font-size:12px!important;border:none !important}
.col2 p,.col3 p {margin:7px 0 0 0}
.col3 h4 {color:#DF6C35!important;font-size:12px!important;border:none !important}

#botondemo { margin-left:0px;}

/* LATERAL DERECHO */

#derecha {
width:206px;
float:right;
margin-right:3px;
}

.caja {
margin:10px  0 0 0;

}
.caja h3 {
background:url(../images/caja_der.gif) bottom no-repeat;
padding-bottom:20px;
margin:0 0 5px 0;
font-size:16px;
color:#A54193;
font-weight:normal;
}

.caja ul {margin:0 0 0 10px;padding:0;color:#848484;font-size:11px;list-style:none}

.caja h4 {color:#C380B7;font-size:11px;text-align:center;margin:0}
.caja .input_der {border:1px solid #848484;font-size:11px;padding:2px;color:#848484;font-style:italic;margin:0 0 5px 10px;width:164px}

.caja .boton { border:1px solid #848484;background:#9E9E9E;color:#fff;font-size:11px;margin:0 0 5px 10px}

.caja a {color:#848484;text-decoration:none}
.caja .usuario a {color:#929292;font-size:11px;margin:0 0 5px 10px;text-decoration:underline}
.caja a:hover {color:#000;text-decoration:underline}


/* REFERENCIAS */

.cliente img {float:right;}
.cliente h4 {clear:both;}


/* PAGINA DE REGISTRO */

.registro {margin-left:20px}
.registro p {margin:10px 0}
.registro label { color:#494949;display:block;float:left;width:220px;}
.registro label em {color:#990000}
.registro .reg_caja { width:300px;border:1px solid #999;margin:5px 0}

/* PAGINA DE LOGIN */


#login_texto {
width:395px;
height:222px;
background:url(../images/caja_texto.gif) no-repeat;
float:left;
padding:10px;
}
#login_texto h3{font-size:20px;margin:0;color:#B550A3}
#login_texto p,#login_texto ul {margin:20px 0 0 20px;padding:0}
#login_texto ul li {margin:0 0 0 30px}

#login_datos {
background:url(../images/caja_login.gif) no-repeat;
width:258px;
height:222px;
float:left;
margin:0 0 0 5px;
padding:10px;
}
#login_datos form {margin:44px 0 0 20px}
#login_datos label {display:block;color:#B550A3;font-weight:bold}
#login_datos .caja {margin:2px 0 10px;border:1px solid #999;width:200px }
#login_datos .login_boton {margin:0 0 0 17px}
#registrese {margin: 0 0 0px}

/* PÁGINA DE CONTACTO */

.sede {float:left;width:25%;margin-top:0px;height:244px;}
.sede h2 {font-size:17px !important}
.sede p {margin:10px 14px;}
.contacto {border:1px solid #ccc;padding:10px;background:url(../images/fondo_contacto.gif) bottom right #FDFDFD}

.warning {background:url(../images/alert.gif) left no-repeat;
height:44px;
line-height:43px;
margin:12px;
padding:0 0 0 21px;
}
.warning p{
color:#990000;
font-size:14px;
}