@charset "UTF-8";

	/*Reset & Standards: Adclik v0.1*/

* {
    margin: 0;
    padding: 0;
    border: none;}
	
	/*Fuente general*/
html {
    font-size: 12px; font-family: "Trebuchet MS", Calibri, Arial, Helvetica;}

ul {
    list-style: none;
    list-style-type: none;}
	
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
    font-weight: normal;
    margin: 0 0 0 0;}

p { line-height:16px; color:#000000;}

cite, em, dfn {
    font-style: italic;}
	
sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;}
	
sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;}
	
li, dd, blockquote {
    margin-left: 1em;}
	
code, kbd, samp, pre, tt, var, input[type=‘text’], textarea {
    font-size: 100%;
    font-family: monaco, "Lucida Console", courier, mono-space;}
	
del {
    text-decoration: line-through;}
	
ins, dfn {
    border-bottom: 1px solid #ccc;}
	
small, sup, sub {
    font-size: 85%;}
	
abbr, acronym {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
    border-bottom-style: dotted;
    border-bottom-width: 1px;}
	
a abbr, a acronym {
    border: none;}
	
sup {vertical-align: super;}
	
sub {vertical-align: sub;}


	/*Titulos General*/
	
h1 {font-size: 2em; margin-bottom:15px;}
	
h2 {font-size: 1.6em; margin-bottom:10px; font-weight:normal;}

h3 {font-size: 1.4em; margin-bottom:5px; font-weight:normal;}

h4 {font-size: 1.2em; margin-bottom:5px;}

h5 {font-size: 1.2em;}

h6 {font-size: 1em;}


	/*Links General*/
	
a, a:link, a:visited, a:hover, a:active {
    outline: 0;
    text-decoration: none;
	color:#0066CC;}
	
a.blanco, a.blanco:link, a.blanco:visited, a.blanco:hover, a.blanco:active {
    outline: 0;
    text-decoration: none;
	color:#FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	font-weight:bold;}
	
a img {
    border: none;
    text-decoration: none;}

img {
    border: none;
    text-decoration: none;}
	
label, button {
    cursor: pointer;}
	
input:focus, select:focus, textarea:focus {
    background-color: #FFF;}
	
fieldset { border: none;}

.clear { clear: both;}

.float-left {float: left;}

.float-right {float: right;}

#wrapper {
    margin: 0 auto;
    text-align: left;}

body,td,th {
    text-align: left;}

body { 

background:url(../img/fondo.gif) center top fixed; height:100%; background-color: #e2e2e2;


}
	
	/*Sitio*/
	
#contenido { width:1000px; margin:0 auto; height:100%; background:#FFFFFF;}
#logo{ width:150px; height:120px; background:url(../img/logo-pnl.jpg) #000000 no-repeat;}
#logo2{ width:160px; height:60px;}
#cabeza { width:850px; height:110px; background: url(../img/fondo_top.gif) repeat-x; background-position:bottom;}
#cabeza-top { width:850px; height:60px;}
#reg { width:690px; height:60px;}
#cabeza-botonera { width:850px; height:60px;}
#botonera { width:700px; height:60px;}
#botonera-network { width:140px; height:12px; margin-top:18px; padding:5px 0px 5px 5px;}

#col1 { width: 300px;  background-color:#FFFFFF;}
#col2 { width: 480px;  background-color:#FFFFFF; background-image:url(../img/ms.jpg);}
#col3 { width: 219px;  background-color:#FFFFFF; border-left:#DDD 1px solid; border-bottom:#DDD 1px solid;}

#wrap-interna { width: 780px;}

#col1_interna {   width: 300px;  background-color:#FFFFFF;}

#col3 h4 { color:#0066CC;}

.un_curso { padding:5px 0 0 0; border-top: 1px #CCCCCC dotted;}

.buscador { padding:15px 0px 0px 0px;}
 
.cont { padding:10px; background:#FFFFFF; border-top:#999999 1px dotted;}

.cont p {margin-bottom:5px;}
.cont a {margin-bottom:5px;}



.cont2 { padding:0px 5px 5px 5px; background:#FFFFFF; border-top:#999999 1px dotted;}

.cont2 p {margin-bottom:0px;}
.cont2 a {margin-bottom:0px;}
.cont2 h3 { color:#0066CC;}

#pie { width: 1000px; margin:auto; border-top: 1px #dddddd solid; background-color:#fff; background:url(../img/fondo_pie.gif) repeat-x top;}

	/*estilos*/
	
a.boton-info { background:url(../img/boton.png); padding:4px 10px;}
	
p.b { color:#FFFFFF;}
p.slogan { margin:70px 0 0 12px;}

#imagen-home { width:auto; height:227px; background:url(../img/imagen-home.jpg) no-repeat;}
#imagen-home-formaciones { width:auto; height:227px; background: url(../img/formacion/img-formacion.jpg) no-repeat;}
#imagen-home-accionsocial { width:auto; height:227px; background: url(../img/accion-social/img-accionsocial.jpg) no-repeat;}
#imagen-home-contacto { width:auto; height:227px; background: url(../img/contacto/img-contacto.jpg) no-repeat;}
#imagen-home-investigacion { width:auto; height:227px; background: url(../img/investigacion/img-investigacion.jpg) no-repeat;}

#centro-home { width:auto; padding:0px 10px;}

#col-centro { width:214px; padding:0 8px 0 8px;}
#col-centro h2 { color:#003399; margin:10px 0 0 0;}
#col-centro h4 { color:#0044CC; margin:10px 0 5px 0}
#col-centro p {margin:0 0 10px 0}

#formacion { width:760px; padding-bottom:15px; margin:10px 10px 0px 10px;}
#formacion-col { width:238px; margin:0px 5px; background-color:#FFFFFF;}
#formacion-col h2 { color:#003399; margin:10px 0 10px 0;}
#formacion-col h4 { color:#0044CC; margin:10px 0 5px 0}
#formacion-col p {margin:0 0 10px 0}

#formacion-col-entera { width:720px; margin:0px 0px; background-color:#FFFFFF;}
#formacion-col-entera h2 { color:#003399; margin:10px 0 10px 0;}
#formacion-col-entera h4 { color:#0044CC; margin:10px 0 5px 0}
#formacion-col-entera p {margin:0 0 10px 0}

.raya {}

.item {padding:3px 5px 3px 0px; width:340px; color:#333333;}
.item_pie {padding:3px 5px 3px 8px; margin-left:5px; width:325px; color:#333333;}
.item2 {padding:0px 5px 0px 12px; margin-left:5px; color:#333333; background:url(../img/ball.gif) left no-repeat;}
.item3 {padding:3px 5px 3px 12px; margin-left:5px; color:#333333;}

x.input{color:#666666}

.margen-15 { padding:10px;}
.margen-15 h2 { color:#0066CC; font-size:24px; margin-top:10px;}
.margen-15 h3 { color:#0066CC; margin:15px 0 5px 0;}

.margen-15izg { padding:15px;}
.margen-15izg h3 { color: #000; padding:10px 0 5px 0;}
.margen-15izg p { color:#333;}

.solapa-izq { background:url(../img/solapa.jpg) no-repeat; border-bottom: 1px solid #3366FF; margin:0 0 0 0; height:35px}
.solapa-izq h2 {color:#FFFFFF; padding:15px 0 0 10px; margin:0;}

.solapa-der { text-align:right; background:url(../img/solapa-der_video.jpg) right no-repeat; border-bottom: 1px solid #000000; margin:0 0 0 0; height:35px}
.solapa-der h2 {color:#FFFFFF; padding:10px 10px 0 0; margin:0;}

.solapa-der_video { text-align:right; background:url(../img/solapa-der_video.jpg) right no-repeat; border-bottom: 1px solid #000000; margin:0 0 0 0; height:35px}
.solapa-der_video h2 {color:#FFFFFF; padding:15px 10px 0 0; margin:0;}

.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 max-width:800px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#000000;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../img/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../img/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../img/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../img/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#url(../img/ms.jpg);
 padding: 0 10px 0 10px;
}

.dialog .ft {
 background:transparent url(../img/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../img/br.png) no-repeat right 0px;
 margin-right:-14px;
}



/*
 * Tabs
 */

#header_tabs
{
	height: 60px;
	position: relative;
}

#header_tabs ul
{
	padding-top: 28px;
}

#header_tabs ul li
{
	float: left;
	font: normal 13px Calibri Arial,Tahoma,Verdana,Helvetica,sans-serif;
	padding-left: 3px;
	margin-left: 8px;
}

#header_tabs ul li.separator
{
	background: transparent url(../img/header_tab_separator.gif) no-repeat left 2px;
	height: 20px;
}

#header_tabs ul li a
{
	color: #0066CC;
	text-decoration: none;
	float: left;
	padding: 3px 6px 3px 3px;
}

#header_tabs ul li.current a,
#header_tabs ul li:hover a
{
	background: #FFFFFF;
	color:#FFFFFF;
	background: transparent url(../img/header_tab_right.gif) no-repeat right top;
}

#header_tabs ul li.current,
#header_tabs ul li:hover
{
	color:#FFFFFF;
	background: transparent url(../img/header_tab_left.gif) no-repeat left top;
}

.formulario { }
.formulario input { background:#FFFFFF; border:#cccccc 1px solid; padding:2px;}

/* Galeria de Videos */

.videoContent { width:700px;}

.unConjunto { width:120px; float:left; padding:5px;}

.unConjunto p { text-align:center;}

.10Fotos { background-color:#eee;}
.10Videos { background:#eee;}

.content { padding-left:25px}


/* Easy Slider */

#slider{}	
#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li, #slider5 ul, #slider5 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider2 li, #slider3 li, #slider4 li, #slider5 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:730px;
	height:600px;
	overflow:hidden; 
	}	
	
p#controls, p#controls2, p#controls3, p#controls4, p#controls5{
	margin:0;
	position:relative;
	} 

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4, #prevBtn5, #nextBtn5{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-190px;
	}	
#nextBtn, #nextBtn2, #nextBtn3, #nextBtn4, #nextBtn5{ 
	left:455px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #prevBtn4 a, #nextBtn4 a, #prevBtn5 a, #nextBtn5 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../img/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a, #nextBtn3 a, #nextBtn4 a, #nextBtn5 a{ 
	background:url(../img/btn_next.png) no-repeat 0 0;	
	}

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4, #prevBtn5, #nextBtn5{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;
	width:30px;
	height:77px;
	position:absolute;
	left:0px;
	top:-190px;
	}	
#nextBtn, #nextBtn2, #nextBtn3, #nextBtn4, #nextBtn5{ 
	left:700px;
	}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #prevBtn4 a, #nextBtn4 a, #prevBtn5 a, #nextBtn5 a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../img/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a, #nextBtn2 a, #nextBtn3 a, #nextBtn4 a, #nextBtn5 a{ 
	background:url(../img/btn_next.png) no-repeat 0 0;	
	}
	
/* // Easy Slider */



/* step style */
#step {
	margin: 10px 0 20px;
	padding: 0;
}
#step li {
	padding: 3px 0 6px 110px;
	margin: 0 0 20px;
	list-style: none;
}
#step li h3 {
	font: 12px, Helvetica, sans-serif;
	margin: 5px 0 3px;
	color: #333;
}
#step .item1 {
	background: url(../img/step1.png) no-repeat;
}
#step .item2 {
	background: url(../img/step2.png) no-repeat;
}
#step .item3 {
	background: url(../img/step3.png) no-repeat;
}
#step .item4 {
	background: url(../img/step4.png) no-repeat;
}
#step .item5 {
	background: url(../img/step5.png) no-repeat;
}
#step .item6 {
	background: url(../img/step6.png) no-repeat;
}
#step .item7 {
	background: url(../img/step7.png) no-repeat;
}
#step .item8 {
	background: url(../img/step8.png) no-repeat;
}
#step .item9 {
	background: url(../img/step9.png) no-repeat;
}
#step .item10 {
	background: url(../img/step10.png) no-repeat;
}


/*Productos*/

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 155px;
	height: 155px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
}

.gallery b {
	background: #0077dd;
	color: #fff;
	font-size:16px;
	font-style: normal;
	padding: 2px 8px 2px 8px;
	display: block;
	position: absolute;
	top: 16px;
	right: 14px;
	border-bottom: 1px solid #006699;
	border-right: 1px solid #006699;
	border-top: 1px solid #00aadd;
	border-left: 1px solid #00aadd;
}


.gallery a {
	text-decoration: none;
}
.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(../img/paper-clip-mini.png) no-repeat;
	z-index: 3;
}


/* Menu */
.menu
{
    margin-top: -80px;
    color: #0066CC;
    list-style-type: square;
    margin:0;
    padding:0;
    width: 1000px;
    height:  180px;
    /* background: url("/img/menuFondo.png"); */
    background-color: #F4F4F4;
    margin: auto;
    z-index: 1000;
    position: relative;
    /*position: absolute;
    top: 110px; */
}
.menu ul
{
    font-size: 14px;
    padding: 10px;
    width: auto;
    height: auto;
    font-weight: bold;
}
.menu li
{
    font-size: 12px;
    padding:1px;
    width: auto;
    height: auto;
}

.menu li a
{
    color: #0066CC;
    
}
.menu li a:hover
{
    color: white;
    text-decoration: underline;    

}

.menuCategoria
{
    height: 180px;
    width: auto;
    float: left; 
    
    padding-left: 5px;
    padding-right: 5px;
   

    
     
}

.menuCategoria ul
{
 text-align: center;
 margin-bottom: 5px;
 
 
}

.menuCategoria ul:hover
{
  background-color: #1e9dd7;
  color: white;


}
.menuCategoria li:hover
{
  background-color: #1e9dd7;
  color: white;


}



.menuCategoria a
{
    color: black;
    
}
.menuCategoria a:hover
{
  
    text-decoration: underline;
}


.menuCategoria:hover
{
    
    background-color: #dedede   ;
    
    
    
}

#protectMenu
{
    /*
    height: 140px;
    position: absolute;
    top: 130px;
    z-index:  3000;
    background-color: transparent;
    left: 500px;
    width: 400px;
    */
}


#ocultarMenu
{
    height: 800px;
    position: absolute;
    top: 280px;
    z-index:  600;
    background-color: transparent;
    width: 100%;
}


#ocultarMenu2
{
    height: 40px;
    position: absolute;
    top: 50px;
    z-index:  5000;
    background-color: transparent;
    width: 100%;
}


/* Fin Menu */

/* Categoria View */
.formacionList
{
    
    width: 700px;
    height: 110px;
    margin-bottom: 10px;
    float: none;

     
    
}
.formacionList:hover
{
    background-color: #F4F4F4;
}

.imagenList
{
    width: 150px;
  
    height: 120px;
    float: left;
    
}
.descripcionList
{
    float: left;
    width: 400px;
    padding: 10px;
    height: 80px;
    cursor: pointer;
    
}
.fechaList
{
    width: 100px;
    height: 90px;
    padding: 10px;

    float: left;
    
}

#formacionesListContent
{
    width: 800px;
    margin-left: 30px;
}

.tituloCategoria
{
    color:#003399;
    margin:10px 0;
    padding-left: 30px;
    border-bottom: 1px dotted #999999;
    width: 730px;
    margin-bottom: 30px;
}

.inputBox
{
    border: solid 1px #F4F4F4;
   
}
#consultaBox
{
    padding: 20px;
    height: 250px;
}

#consultaBox input
{
    margin-bottom: 10px;
     

}

/* Consulta Form */
#formConsultaBox input
{
    margin-bottom: 10px;
    
}