@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/

@font-face {
	font-family: "Din";
	src:url(/css/fonts/din/DINM.otf) format("opentype");
}
@font-face {
font-family: 'AltoPro';
src: url('/css/fonts/altopro/AltoPro-ExtraLight.eot');
src: url('/css/fonts/altopro/AltoPro-ExtraLight.eot?#iefix') format('eot'),
url('/css/fonts/altopro/AltoPro-ExtraLight.woff') format('woff'),
url('/css/fonts/altopro/AltoPro-ExtraLight.otf') format('opentype'),
url('/css/fonts/altopro/AltoPro-ExtraLight.svg') format('svg');
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: 'AltoPro';
src: url('/css/fonts/altopro/AltoPro-Light.eot');
src: url('/css/fonts/altopro/AltoPro-Light.eot?#iefix') format('eot'),
url('/css/fonts/altopro/AltoPro-Light.woff') format('woff'),
url('/css/fonts/altopro/AltoPro-Light.otf') format('opentype'),
url('/css/fonts/altopro/AltoPro-Light.svg') format('svg');
font-weight: 200;
font-style: normal;
}

@font-face {
font-family: 'AltoPro';
src: url('/css/fonts/altopro/AltoPro-Normal.eot');
src: url('/css/fonts/altopro/AltoPro-Normal.eot?#iefix') format('eot'),
url('/css/fonts/altopro/AltoPro-Normal.woff') format('woff'),
url('/css/fonts/altopro/AltoPro-Normal.otf') format('opentype'),
url('/css/fonts/altopro/AltoPro-Normal.svg') format('svg');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'AltoPro';
src: url('/css/fonts/altopro/AltoPro-SemiBold.eot');
src: url('/css/fonts/altopro/AltoPro-SemiBold.eot?#iefix') format('eot'),
url('/css/fonts/altopro/AltoPro-SemiBold.woff') format('woff'),
url('/css/fonts/altopro/AltoPro-SemiBold.otf') format('opentype'),
url('/css/fonts/altopro/AltoPro-SemiBold.svg') format('svg');
font-weight: bold;
font-style: normal;
}

/*** ESTANDARIZACIÓN ETIQUETAS HTML ***/  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


body,form,p { padding:0; margin:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}

ul li{
	float: left;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	vertical-align:middle;
	margin:auto 0 auto 0;
}

div {
	position:relative;
}


/*** ETIQUETAS HTML PERSONALIZADAS **/

body,html  { height:100%; }
body { 	  
	height: auto; padding: 0px;
	margin: 0px;background-attachment: fixed; background-repeat:no-repeat;
	color: #666666;
	font-size:0.8em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fbfbfb; 
}

a { color:#666; text-decoration:none; cursor: pointer; }
a.sub{text-decoration:underline;}


input, select, textarea{
	border: 1px solid #E5E1E1; }

	/*** ESTRUCTURA DE LA PÁGINA ***/
	.content{
		margin:0 auto;
		width:970px;
		min-height:550px;
		background:url(/images/microsites/cuerpofondo.png);
		background-repeat:repeat-y;

	}

	.content li{
		float: none;
		list-style: disc outside none;
		margin-left: 40px;
		padding: 3px;
	}

	#paginas {	  width:970px;   margin:0 auto;   position: relative;
		z-index: 2;
	}

	.paginador {
        text-align:center;
        padding:25px 0;
    }
    .pagina, .pagina-active {
        background:#;
        width:17px;
        height:17px;
        line-height:17px;
        text-align:center;
        vertical-align:middle;
        color:#FFF;
        margin-right:4px;
        float:left;
        font-weight:bold;
        font-size:0.85em;
        cursor:pointer;
    }
    .pagina-active {
        background:#adb0b0;
        color:#;
    }
    .pagina a {
        color:#FFF;
    }
    .pagina a:hover {
        color:#;
    }
    .pagina:hover {
        width:17px;
        height:17px;
        background:#adb0b0;
        color:#;
    }


	#header{
		margin:0 auto;
		width:970px;
		height:113px; 
		background:url(/images/microsites/cabecerafondo.png);
		background-repeat:no-repeat;
	}

	.logo-territorio{
		margin-top: 38px;
		margin-left: 43px;
		position: absolute;
		max-width: 205px;
		max-height: 55px;
	}

	.logo{ width:205px;}
	.logo img{ margin-top:15px;}  

	#footer{
		background:url(/images/microsites/piefondo.png);
		margin: 0px auto;
		width:970px;
		height:143px;
	}

	#footer a{
		color: #666666;
		text-decoration: underline;
	}

	.pietelefono{ padding:20px;}  
	.pietelefono p{ text-align:center;color:#; font-family:"AltoPro", "Din", Arial; }  

	.idiomas{margin-top:18px;margin-right:80px; height:30px;}

		.idiomas .nosel{opacity: 0.6}

	.social{margin-top:12px;margin-right:20px; height:30px;}

	#tabs{
		height:
		overflow: hidden;
	}

		.menu_minisite{ 
			background:url(/images/microsites/menu_07.png);
			background-repeat:no-repeat; 
			width:652px; 
			height:46px; 
			margin-top:10px;
			margin-right:10px;
		}

			.menu_minisite ul {
				float:left;
				margin-top:6px;
				height:33px;
				margin-left:5px;
				font-size:11px;
				padding-left:8px;
			}
			.tab-portada i.fa-home {
				padding-top:10px;
			}

			.linktab{
				height:33px;
				line-height:33px;
				vertical-align:middle;
			}

			.menu_minisite li a{ display:block; height:33px; line-height:33px; vertical-align:middle; padding:0 10px; text-transform:uppercase; font-weight: bold;}
			.menu_minisite li a.active{ background:#; color:white; }

			.menu_minisite li a:hover{ background:#; color:white; }

			.infopie{ border-top:1px solid #666; width:930px;margin-left:20px;}
			.infopie p{ text-align:center; font-size:11px;padding-top:10px;}
			#general{
				margin:0 auto;}


				/*** Home ***/
				.slide_minisite{ height:580px; width:960px; border-top:1px solid #666;}
				.slide_minisite img{margin-left:5px;margin-top:10px;}
				.texto_slidemini{
					top:440px;
					bottom: 10px;
					width:900px;
					margin-left:40px;
					z-index:10;
					position:absolute;
					overflow: hidden;
				}
				.texto_slidemini h1, .texto_slidemini h1 a{
					font-weight:normal;
					font-family:"AltoPro", "Din", Arial;
					font-size:26px;
					padding: 10px;
				}

				/***** Contenido *****/
				.titulo_seccion{  background:url(/images/microsites/fondo_titulo_03.jpg); width:955px; height:51px; margin-left:5px;}
				.titulo_seccion h1{ font-family:"AltoPro", "Din", Arial; font-size:16px;color:#; font-weight:lighter; padding-top:15px; padding-left:20px; font-weight: bold; } 

				.noticias{width:675px; padding: 20px;}
				.noticias p{
					padding: 5px 0;
					line-height: 1.6em;
				}
				.noticias ul{
					padding: 2px;
				}
				.imgnoticia{ background:url(/images/microsites/fondo_imagen_07.jpg); width:230px; height:178px; margin-right:4px;}
				.imgnoticia img{margin-top:10px;margin-left:35px;}
				.textonoticia{width:415px; }
				.textonoticia h2{font-family:"AltoPro", "Din", Arial; font-size:13px;color:#; font-weight:lighter; text-transform:uppercase; padding-bottom:10px; margin-top:10px;}
				.textonoticia p{font-size:12px; color:#666; text-align:justify;}

				.destacamos{
					width:226px;
					min-height:350px;
					margin-top:20px;
					margin-bottom:15px;
					background:#EDEDED;
				}
				.destacamos_cab {
				    background: none repeat scroll 0 0 #;
                    border: 1px solid #;
                    margin-bottom: 15px;
                    padding: 0 0 15px;
                    position: relative;
                    width: 224px;
				}


				.destacamos_cab:before {
					content: "";
					position: absolute;
					bottom: -11px;
					left: 102px;
					border-style: solid;
					border-width: 10px 10px 0;
					border-color: # transparent;
					display: block;
					width: 0;
					z-index: 0;
				}
				.destacamos_cab h3{ color:white; font-family:"AltoPro", "Din", Arial; font-weight:normal; font-size:13px; text-transform:uppercase; padding-top:15px; text-align:center;width:220px;}
				.destacamos p{ padding:5px 15px; color:#666; font-size:12px;}



				/*******Contacto****/
				.formulario_minisite{
					border: 1px solid #CCCCCC;
					min-height: 480px;
					margin: 25px 40px 10px 35px;
					padding: 10px 30px 20px 50px;
					width: 800px;
				}
				.formulario_minisite input[type="text"]{ width:800px; padding:5px; background:#EDEDED; margin-top:10px; margin-bottom:10px;}
				.formulario_minisite select{ width:800px; padding:5px; background:#EDEDED; margin-top:10px; margin-bottom:10px;}
				.formulario_minisite textarea{width:800px; padding:5px; background:#EDEDED; height: 190px }

				.formulario_minisite .button {
					width:100px; 
					padding:5px;
					background:#;
					color:white;
					float:right;
					margin-top:11px;
					margin-right:8px;
					font-size:12px;
					text-transform: uppercase;
					text-align: center;
				}

				.enlace{
					color: #666666;
					text-decoration: underline;
				}

				.tellamamos{
					background: none repeat scroll 0 0 #EDEDED;
					height: auto;
					margin-bottom: 15px;
					margin-top: 20px;
					padding-bottom: 10px;
					width: 226px;
				}

				.tellamamos p{ padding:5px 15px; color:#666; font-size:12px; margin-bottom: 10px;} 
				.tellamamos input[type="text"]{ padding:3px; margin-bottom:10px;color:#666; margin-left:15px; width:180px;margin-top:5px;}
				.tellamamos .button{
					padding:4px;
					margin-top:10px;
					color:#FFF;
					margin-right:25px;
					background:#;
					font-size:11px;
					float:right;
					text-transform: uppercase;
					text-align: center;
				}

				.lblllamamos{
					margin-left: 16px;
				}

				#mensaje-envio{
					float: left;
					width: 715px;
					text-align: center;
					padding-top: 100px;
					font-size: 16px; 
				}

				/** Estilo para pestañas **/

				.ui-tabs .ui-tabs-hide {
					display: none !important;
				}
				.ui-state-active a{
					background: #;
					color: #FFFFFF;
				}

				#pestanas{

				}

				/**** Clases comodin***/
				.novisible{

					opacity: 0;
					display: none;
				}
				.top10{margin-top:10px;}
				.top50{margin-top:50px;}
				.fr{float:right;}
				.fl{float:left;} 
				.left10{margin-left:10px;}
				.clear{clear:both;}
				.bot30{margin-bottom:30px;}
				.font18{font-size:18px;}
				.font20{font-size:20px;}
				.font16{font-size:16px;}
				.error{
					color: red;
					border: solid 1px red;
				}

				.ok{
					color: green;
				}

				.ko{
					color: red;
				}

				figcaption{
					background: none repeat scroll 0 0 #666666 !important;
					color: #FFFFFF;
					font-size: 9px;
					line-height: 22px;
					padding: 0 9px !important;
					text-align: left;
					z-index: 200;
					height: auto;
				}

				.tab-pagina{
					display: none;
				}

.elemento-galeria{
	width: 		100px;
	display:	inline-block;
	padding:	5px;
}
/** PAGINADOR **/

.active{
    background: #9F1E30;
    color:#fff;
    padding: 5px 10px;
    border-radius:5px;
}
/** EVENTOS **/

.eventos{
	padding: 0 1em;
}

.eventos__titulo{
	margin-top: 10px;
	background: #BDBDBD;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 0;
	text-transform: uppercase;
	font-weight: 100;
}

.eventos__mes{
	color: #A71930 !important;
	text-align: center;
	text-transform: uppercase;
	border-bottom: solid 2px #A71930;
	margin-top: 1em;
}

.eventos__calendario{
	padding: 5px 0;
	border-bottom: solid 1px #CCCCCC;
}

.eventos__calendario thead{
	color: #A71930 !important;
	padding-bottom: 
}

.eventos__calendario thead th{
	padding-bottom: 12px;
}

.eventos__calendario__dia{
	color: #FFFFFF;
	background: #BDBDBD;
	border-radius:5px;
	width: 20px;
  	padding: 3px;
}

.eventos__evento__fechas{
	color: #A71930;
	font-size: 1.25em;
	font-style: italic;
	padding: 5px 0;
}

.eventos__evento__enlace{
	color: #A71930;
	font-style: italic;
    display: block;
    padding: 0.5em 0 0.25em 0;
}

.eventos__lista{
	padding: 5px 0;
}

.eventos__lista p{
	padding: 5px 0 !important;
}

/** CURSOS **/

.rojo{
    color: rgb(178, 34, 34);
}


#cursos-relacionados {
    margin-bottom:20px;
    width:95%;
}

    #cursos-relacionados .titulobloque-cursos-relacionados {
        margin-bottom:15px;
    }

    #cursos-relacionados .bloque-fondo-curso{
        border:1px solid #ebebeb;
        background:#ededed;
        padding:7px 7px 0px 7px;
        margin-left:10px;
    }

    #cursos-relacionados .bloque-curso {
        border:1px solid #cecece;
        background:#ffffff;
        width:100% auto;
        padding:9px;
        margin-bottom:7px;
    }

        #cursos-relacionados .bloque-curso img {
            float:left;
            width:159px;
            height:50px;
            margin-right:12px;
        }
        #cursos-relacionados .bloque-curso-titulo {
            float:left;
            width:auto;
            color:#908b8d;
            text-transform:uppercase;
            max-width:265px;
            font-weight: bold;
            text-align:left;

        }
        #cursos-relacionados .bloque-curso-titulo a {
            color:inherit;
            font-size:11px;
        }
        #cursos-relacionados .bloque-curso-titulo a.ver-mas {
            display:block;
            color:#a8152c;
            background:#e4e4e4;
            border:1px solid #c7c7c7;
            width:60px;
            text-align:center;
            height:18px;
            line-height:18px;
            vertical-align:middle;
            margin-top:6px;
        }
        #cursos-relacionados .bloque-curso-info {
            float:right;
            margin-left:10px;
            border:1px solid #908b8d;
            color:#908b8d;
            background:#f4f4f4;
            padding:0px 6px 3px;
            width:155px;
            height:auto;
            font-size:11px;
        }

            #cursos-relacionados .bloque-curso-info p{
                line-height:1.1;
            }

}