/********************* RESET *********************/

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form {
	margin:0;
	padding:0;
	line-height:1.3em;
}
ul, ol, li {
	list-style:none;
}
table, tr, td, th {
	border-collapse:collapse;
}
a img {
	border:0;
}
a {
	outline:none;
	text-decoration:none;
}
* { margin:0; padding:0;}

p{ color:#858585; margin:0 0 10px;}

#info p a{ color:#858585; text-decoration:underline;}
#info p a:hover{ color:#92196C;}

h2{ float:left; width:243px;color:#c2c1c4; text-shadow:1px 1px #fff; font-family:trebuchet MS; font-weight:lighter; font-size:36px; line-height:0.9em; margin:0 0 20px;}
#info{ float:right; width:720px;}
h3{ font-family:Trebuchet MS;font-size:26px;text-shadow:1px 1px #FFFFFF;color:#92196C;font-weight:lighter; margin:0 0 10px;}
em{ color:#92196C; font-style:normal;}

div.foto{	width:700px;margin:25px 0;	}
.izq{	float:left;	}
.dch{float:right;}
p.leyenda{ clear:both;	font-size:10px; background-color:#dbcde2; color:#92196c;}
/* ----------> FIN RESET */

iframe{ position:absolute; right:0; top:10px;}

body { background:#FFFFFF; font-family:Arial; font-size:16px; line-height:1em; color:#858585; text-align:left; background:url(images/fondo_web.jpg) repeat-x;}

#page {width:993px; margin:0 auto; text-align:left; background:#FFF}

#header { background:url(images/fon_cab.jpg) no-repeat top left; text-align:left; height:95px;}
#header h1 { text-indent:-9999px;}

#menu {background:url(images/fondo_menu.gif) no-repeat scroll center bottom transparent;height:180px;text-align:left;width:993px;}

#slideshow {background:url(images/separa_slideshow.jpg) no-repeat scroll center bottom transparent;height:360px;margin-left:13px;text-align:left;width:965px;}

#separa_slideshow2 {text-align:left; height:1px; width:993px; background-color:#CCCBCF;}

#portada #contenido {background:url(images/fondo_contenido.gif) no-repeat #f4f1f5;}
#contenido {  background:url(images/fondo_contenidos.gif) no-repeat; width:963px; text-align:left; background-color:#F4F2F5; border-top:1px solid #cccbcf; position:relative; padding:15px 15px 30px; float:left; overflow:hidden;}

#contacto #contenido, #inscripciones #contenido  {overflow:visible;}

/*NAVEGACION*/
#menu ul{float:left;margin:5px 10px;}
#menu li{float:left; font-family:trebuchet MS; font-weight:lighter; text-transform:uppercase; letter-spacing:-1px; font-size:20px;  background:#e1e2e5;margin:0 3px; position:relative;}
#menu li a{display:block; color:#770a5f;padding:10px;text-shadow:1px 0 #FFFFFF; }
#menu li a:hover{ background:#770a5f; color:#ffffff;text-shadow:1px 0 #770a5f;}
#menu li ul {display: none;position: absolute; margin:0; width:100%;z-index:9999; /* Muy importante *//* margin: -12px -20px; Lo colocamos donde queremos */ /*.margin: 69px -170px;  Hacks para colocarlo bien en ie _margin: 69px -170px;*/}
#menu li:hover ul {display: block;}
#menu li ul li {display: block;float: none;font-size:14px;position: relative;text-transform:lowercase; width:100%;margin:0;}
#menu li ul li a{ padding:3px 10px;}


/*FOOTER*/

#pie { background:#E8E7E9; text-align:left; width:993px; float:left; overflow:hidden;}
#pie ul#redes{ float:right;}
#pie ul{ float:left;margin:0 20px 20px;}
#pie ul li{ float:left; border-left:1px dotted;}
#pie ul li.twitter, #pie ul li.facebook, #pie ul li.zona_privada, #pie ul li.skype { border:none; margin-right:15px;}
#pie ul li a{ display:block;}
.zona_privada a{ text-indent:-9999px; width:123px; height:45px; background:url(http://www.xtensal.com/images/newsletter_icon1.jpg) top left no-repeat;}
.zona_privada a:hover{background:url(http://www.xtensal.com/images/newsletter_icon2.jpg) top left no-repeat;}
.copyright, .desarrollo, .contacto a, .sitemap a{ font-size:11px; color:#929699;padding:0 10px;}
.contacto a:hover, .sitemap a:hover{color:#990066;font-size:11px;text-decoration:underline;}
.contacto{ margin:30px 0 0;}
.sitemap{margin:30px 0 0;}
.desarrollo{margin:34px 0 0;}
.copyright{ border-top:1px dotted white;clear:both;margin:0;padding:20px;color:#92196C;}
.desarrollo span{ float:right;margin:-1px 0 0 5px;}
.desarrollo span a{text-indent:-9999px; width:26px; height:12px; background:url(http://www.xtensal.com/images/logo_inoff1.gif) top left no-repeat;}
.desarrollo span a:hover{background:url(http://www.xtensal.com/images/logo_inoff2.gif) top left no-repeat;}
.twitter a{ text-indent:-9999px; width:94px; height:45px; background:url(http://www.xtensal.com/images/twetter_icon1.jpg) top right no-repeat;}
.twitter a:hover{background:url(http://www.xtensal.com/images/twetter_icon2.jpg) top right no-repeat;}
#pie ul li.facebook { margin-right:0;}
.facebook a{ text-indent:-9999px; width:48px; height:48px; background:url(http://www.xtensal.com/images/logo_facebook_over.png) top left no-repeat;margin:6px 0 0;}
.facebook a:hover{background:url(http://www.xtensal.com/images/logo_facebook.png) top left no-repeat;}
.skype a{ text-indent:-9999px; width:48px; height:48px; background:url(http://www.xtensal.com/images/logo_skype_act.png) top left no-repeat;margin:6px 0 0;}
.skype a:hover{background:url(http://www.xtensal.com/images/logo_skype.png) top left no-repeat;}


/* PORTADA */
#portada #info{float:left;padding:15px 30px;width:575px;}
#portada h2{ float:none;width:400px;}
#portada h3{	color:#92196C;font-weight:lighter; margin:0 0 10px; font-size:22px;}
#portada h3 em{ font-weight:bold; font-style:normal;}
img.logopma{ margin:30px 0;}


/*NOTICIAS*/
#noticias h2{ text-transform:uppercase; color:#922a79;font-size:28px;width:100%;}
#noticias { background:url(images/fon_noticias.png) repeat; font-size:12px; line-height:1.3em; color:#858585; text-align:left;width:295px;padding:15px;float:right;}

.noticia{ border-top:1px dotted #92196c;padding:10px 0;}
.noticia .fecha{ font-size:14px; color:#92196c; font-family:"Trebuchet MS"; font-weight:bold;}
.noticia p a{color:#92196C;}
#portada .noticia h3{ color:#535353; margin:0;}


/*XTENSAL*/
#xtensal #info{float:left;width:420px;}
#xtensal_anima {float:right; }


/*PROGRAMA*/
#formacion #info ul li{ margin:20px;}
#formacion #info ul li a{ color:#858585; text-decoration:underline;}
#formacion #info ul li a:hover{ color:#92196C;}

/*TRAINING*/
#training h2{ float:left; width:243px;}
#training #info{ float:right; width:720px;}
#training h3{ font-family:Trebuchet MS;font-size:26px;text-shadow:1px 1px #FFFFFF;}
h3#xtsystem { background:url(images/xtsystem_tit.gif) no-repeat top left; width:160; height:42px; text-indent:-9999px;}
#training em{ color:#92196C; font-style:normal;}
#training #info ul li{ float:left;font-size:10px;margin:0 12px 0 0;text-transform:uppercase;width:154px;}
#training #info ul{ float:left; margin:10px 0 0 0;}
#training #info ul li h4 a{ background:none repeat scroll 0 0 #92196C;color:#FFFFFF;display:block;padding:8px 0;text-align:center;width:100%;}
#training #info ul li h4 a:hover, #training #info ul li h4 a.activo {background:#ca9ebf; color:#92196C;}

#training ol li{ background:url("images/bullet.png") no-repeat scroll left 5px transparent;padding:0 0 0 15px;}

/*RED XTENSAL*/

.centro{ float:left; padding:20px;width:160px; min-height:285px; margin:10px; background:url("images/fon_noticias.png") repeat scroll 0 0 transparent;}
.centro h4{ color:#92196C;font-weight:normal;margin:10px 0;font-size:22px;}
.centro p.contacto{color:#92196C;font-size:12px;margin:0;}
.centro p.contacto a{ padding:0; font-weight:normal; display:block;}
.centro p.lugar, .centro p.descripcion{font-size:12px;}



/*EVENTOS*/
.evento {background:url("images/fon_noticias.png") repeat scroll 0 0 transparent;float:left;padding:10px;text-align:left;width:700px;margin:0 0 20px;font-family:"Trebuchet MS";}
.evento img{ float:left; background:#dbcde2; padding:5px; margin-right:10px;}

.evento h4{ color:#535353;font-weight:normal;margin:0 0 10px;font-size:22px;}
.evento p.fecha{color:#92196C;font-size:14px;font-weight:bold;}
.evento p.lugar{font-size:12px;}

/*PRIVADO*/
#login #info { color:#92196C;}
#login #formBox{ font-size:12px; background:url("images/fon_noticias.png") repeat scroll 0 0 transparent; margin:20px 0 0 0; padding:20px; font-family:Trebuchet MS;}
#login input{border:1px solid #B2B2B2;color:#858585;font-size:12px;height:18px;margin:0 0 10px;padding:0 0 0 5px;}
#login input#boton{ float:right;margin:0 37px;padding:0 10px;}
#login input:hover#boton { background:#92196C; color:#ffffff;}

#privado_linea { width:800px; height:55px; background:#FFF; margin-top:8px; margin-left:35px;}


#privado_fecha { color:#770B60; padding-left:20px; padding-top:20px; float:left; font-size:14px;}

#privado_nombre { font-family:Arial; font-size:14px; line-height:1em; color:#858585; text-align:left; padding-left:120px; padding-top:20px;}


#privado_boton { float:right; width:107px; height:55px; margin-top:-34px;}

/*SITEMAP*/

#sitemap #contenido ul li{ margin:10px 0;}
#sitemap #contenido li a{color:#858585;}
#sitemap #contenido ul li a:hover{color:#92196C; text-decoration:underline;}
#sitemap #contenido li ul{margin:0 0 0 30px;}
#sitemap #contenido li ul li a{font-size:13px;}

/* FACEBOOK */

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget{ position:absolute;}

/*FORMULARIOS*/


/* Form */

label {	display:block;color:#92196C;font-family:Trebuchet MS;font-size:12px;margin:0 0 10px;}

input {	border:1px solid #B2B2B2;color:#858585;font-size:12px;height:24px;margin:0 0 10px;padding:0 0 0 5px;}
	
#contacto_form{	background:url("images/fon_noticias.png") repeat scroll left top transparent;padding:10px;width:700px;margin-top:20px;}

#contacto_form textarea{border:1px solid #B2B2B2;color:#858585;font-size:12px;margin:0 0 10px;padding:5px;font-family:trebuchet MS;}

.buttonSubmit{background:url("images/bot_form.png") no-repeat scroll left top transparent;border:medium none;height:34px;padding:0;text-indent:-999px;width:76px;}
.buttonSubmit:hover{background:url("images/bot_form_over.png") no-repeat scroll left top transparent;}	

#contacto_form p{background:none repeat scroll 0 0 #EBEBEB;color:#8A8A8A;padding:10px;}	

/* Congratulation message */
.MsgSent {	Display: block;padding: 10px;margin: 40px auto;width: 400px;text-align: center;border: 1px solid #EEE;background-color: white;}
.MsgSent h1 {color:#92196C;font-family:Trebuchet MS;font-size:26px;font-weight:lighter;margin:0 0 10px;text-shadow:1px 1px #FFFFFF;}

/* Error message */
.MsgError {Display: block;padding: 10px;margin: 40px auto;width: 400px;text-align: center;border: 1px solid #EEE;background-color: white;}
.MsgError h1 {background: url(../images_form/MsgError.gif) no-repeat 0 0;padding-left: 20px;height: 85px;line-height: 85px;color: #CC0000;}
.MsgSent p, .MsgError p {font-size:12px;}

/***** FormCheck *****/

.tipsbox .tipsbox_top{height : 5px;}
.tipsbox .tipsbox_left{width : 5px;}
.tipsbox .tipsbox_right{width : 5px;}
.tipsbox .tipsbox_mark{height : 5px;}
.tipsbox .tipsbox_inner_ie6 {padding : 4px;}
.tipsbox .tipsbox_error {clear:left;float:left;margin-top:5px;width:40px;}
.tipsbox p, .tipsbox {background:none repeat scroll 0 0 #92196C;font-family:trebuchet MS;font-size:14px;margin:0;padding:0;}
.tipsbox p {padding-left: 55px;line-height: 15px;}
.tipsbox p span {color:#92196C;font-size:12px;}

.error_f {	border : 1px dotted #666;margin-top : 5px;background-color : #EAEAEA;}
.error_f p {margin : 5px;color : #A00;}
.error_f p span {font-size : 1.1em;color : #000;margin : 5px 0px 0px 0px;}