/******************************************************************************
* web.css
*
* Fulla d'estils de la web
*
*	@ SMTec 2013 | http://www.smtec.es
******************************************************************************/
@charset "utf-8";

/*	==================================================
	# Default
	================================================== */
	html{overflow-y:auto; -webkit-font-smoothing:antialiased;}
	body{
		font-family: 'Open Sans', serif;
		font-weight: 400;
		color: #000000;
		font-size: 14px;
		line-height: 16px;
		background: #ffffff;
		margin: 0;
	}
	
	acronym, abbr{		border-bottom: 1px dotted #333;		cursor: help;	}		textarea{overflow:auto;}  	input[type=submit],select,.pointer{cursor:pointer;}
	input[type=radio], input[type=checkbox] {margin:0;}		sup,sub{height:0; font-size:10px; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}	sup{bottom:1ex;}
	sub{top:.5ex;}
	

/*	==================================================
	# Typography
	================================================== */
	h1,h2,h3,h4{
		color: #0F76CE;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 700;
		line-height:1.2;
		margin: 0;
		margin-bottom: 15px;
	}
	h1{font-size:22px;}
	h2{font-size:18px;}
	h3{font-size:14px; text-transform:uppercase;}
	h4{font-size:12px;}
	
	p, a, li{
		color: #000000;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 400;
	}
	p{font-size:12px; line-height:1.4; margin-bottom:15px;}
	li{font-size:12px; line-height:1.2;}
	
	a{color:#969696; font-size:12px; line-height:1.1; text-decoration:none; cursor:pointer; outline:0; border:none;}
	a:hover, a:focus, a:active{color:#0F76CE; text-decoration:none; outline:0;}
	
	
/*	==================================================
	# Bordes redondeados
	================================================== */
	.rounded{
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.roundedtopleft{
		-moz-border-radius: 5px 0 0 0;
		-khtml-border-radius: 5px 0 0 0;
		-webkit-border-top-left-radius: 5px;
		border-radius: 5px 0 0 0;
	}
	.roundedtopright{
		-moz-border-radius: 0 5px 0 0;
		-khtml-border-radius: 0 5px 0 0;
		-webkit-border-top-right-radius: 5px;
		border-radius: 0 5px 0 0;
	}
	.roundedbottomleft{
		-moz-border-radius: 0 0 0 5px;
		-khtml-border-radius: 0 0 0 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-radius: 0 0 0 5px;
	}
	.roundedbottomright{
		-moz-border-radius: 0 0 5px 0;
		-khtml-border-radius: 0 0 5px 0;
		-webkit-border-bottom-right-radius: 5px;
		border-radius: 0 0 5px 0 0;
	}
	
	
/*	==================================================
	# Extra classes
	================================================== */
	.clearer{clear:both; height: 0;}
	.clearleft{clear:left;}
	.clearright{clear:right;}
	
	.fleft{float:left;}
	.fright{float:right;}
	
	.text-left{text-align:left;}
	.text-center{text-align:center;}
	.text-right{text-align:right;}
	
	.invisible{display:none !important;}
	.cursiva{font-style:italic;}
	.nobg{background:none !important;}
	
	.hidden-mobile{display:block !important;}	.hidden-mobile-inline{display:inline-block !important;}		.visible-mobile{display:none !important;}	.visible-mobile-inline{display:none !important;}
	.visible-smobile{display: none !important;}	.hidden-smobile{display: block !important;}			.hidden-ipad{display:block !important;}	.hidden-ipad-inline{display:inline-block !important;}
	.visible-ipad{display:none !important;}	.visible-ipad-inline{display:none !important;}
	.hidden-video{display:none !important;}
	
	
/*	==================================================
	# Buttons & Icons
	================================================== */
	.btn, .btn:focus, .btn:active{
		color: #ffffff;
		font-family: 'Open Sans', Verdana, sans-serif;
		font-weight: 700;
		font-size: 14px;
		line-height: 16px;
		border: none;
		border-radius: 0;
		margin: 0;
	}
	
	
/*	==================================================
	# Background color
	================================================== */
	.bg-white{background-color: #ffffff;}
	.bg-blue{background-color: #0F76CE;}
	.bg-grey{background-color: #C8C8C8;}
	
	
	
/*	==================================================
	# ESTRUCTURA
	================================================== */
	#wrapper{
		display: block;
		margin: 0 auto;
	}
	.wrapper-main{
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.content{
		display: block;
		margin: 0 auto;
		max-width: 1024px;
		padding: 0 15px;
	}
	
	
/*	==================================================
	# SECTIONS
	================================================== */
	.page-type{
		min-height: 410px;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.depth-type{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	
/*	==================================================
	# HEADER
	================================================== */
	header{
		background: #ffffff;
		padding: 30px 0 20px 0;
		margin-bottom: 0;
	}
	header .logo{
		padding-right: 15px;
		background: url('../img/fons-header.png') 270px center no-repeat;
	}
	header .logo a{
		display: inline-block;
	}
	
	header .logued{
		text-align: right;
	}
	.logued .navbar-nav{
		margin: 0;
		margin-top: 5px;
	}
	.dropdown-menu{
		min-width: 126px;
	}
	.logued .navbar-nav>li>a, .logued .navbar-nav>li>a:active,
	.logued .navbar-nav .open>a{
		color: #969696;
		font-size: 13px;
		line-height: 1.1;
		font-weight: 700;
		padding: 4px 10px;
	}
	.logued .nav>li>a:focus, .logued .nav>li>a:hover {
		text-decoration: none;
		background: transparent;
		color: #0F76CE;
	}
	
	
/*	==================================================
	# MENU PRINCIPAL
	================================================== */
	#mainMenu{
		display: block;
	}
	#mainMenu a{
		display: block;
		font-weight: 700;
		padding: 4px 0 5px 0;
		margin-bottom: 15px;
		border-top: 2px solid #969696;
	}
	.page-child #mainMenu a{
		color: #C8C8C8;
		border-color: #C8C8C8;
	}
	#mainMenu a:hover, #mainMenu a.active{
		color: #0F76CE;
		border-top: 2px solid #0F76CE;
	}
	
	/** mobile navigation */
	#trigger-mobile-nav {
		width: 29px;
		height: 23px;
		background: none;
		display: none;
		position: absolute;
		right: 20px;
		top: 40px;
		cursor: pointer;
		line-height: 0;
		color: #0F76CE;
		z-index: 12;
	}
	#trigger-mobile-nav .fa {
		font-size: 34px;
		line-height: 25px
	}
	
	
/*	==================================================
	# HOME
	================================================== */
	#home .text-home{
		min-height: 410px;
		padding: 30px 25px 30px 25px;
		background: url('../img/home.jpg') no-repeat;
		background-size: cover;
	}
	#home h1{
		display: inline-block;
		color: #fff;
		font-size: 44px;
		line-height: 1.1;
		text-align: left;
		margin-bottom: 14px;
		border-bottom: 1px solid #fff;
	}
	#home p{
		color: #fff;
		font-size: 14px;
    line-height: 1.3;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	
/*	==================================================
	# SUBMENU
	================================================== */
	.submenu a{
		color: #ffffff;
		display: block;
		font-weight: 700;
		min-height: 38px;
		padding: 13px 25px 12px 13px;
		margin-bottom: 15px;
		background: #C8C8C8 url('../img/fons-submenu.jpg') right top no-repeat;
		text-transform: uppercase;
	}
	.submenu a:hover, .submenu a.actived{
		color: #ffffff;
		background: #0F76CE url('../img/fons-submenu-blue.jpg') right top no-repeat;
	}
	
	
/*	==================================================
	# Páginas
	================================================== */
	.sub-pages .main-text p{
		color: #0F76CE;
    font-family: 'Open Sans', 'Open Sans', sans-serif;
    font-weight: 700;
		font-size: 14px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 15px;
	}
	
	/* Documentos */
	.sub-pages .section-documentos{
		padding: 22px 30px;
		background: #0F76CE;
	}
	.sub-pages .section-documentos h3{
		color: #fff;
		font-weight: 700;
		padding: 8px 0 5px 0;
		border-bottom: 1px solid #fff;
	}
	.sub-pages .section-documentos p{
		color: #fff;
		font-weight: 600;
		margin-bottom: 10px;
	}
	
	.sub-pages .section-documentos .items{
		padding: 2px 0px;
	}
	.sub-pages .section-documentos .items .item{
		color: #fff;
		padding: 10px 0px;
	}
	.sub-pages .section-documentos .items .item img{
		display: inline-block;
	}
	.sub-pages .section-documentos .items .item h2{
		margin: 0;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.1;
		margin-bottom: 3px;
	}
	.sub-pages .section-documentos .items .item h2 a{
		display: inline-block;
		color: #fff;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.1;
		padding-top: 8px;
		text-transform: uppercase;
	}
	.sub-pages .section-documentos .items .item p{
		color: #fff;
		font-weight: 700;
		font-size: 12px;
		line-height: 1.1;
	}
	
	
	
/*	==================================================
	# FORO ELECTRÓNICO
	================================================== */
	#login-foro{
		min-height: 410px;
		padding: 40px 0 50px 0;
	}
	#login-foro h1, #login-foro h3{
		color: #fff;
	}
	#login-foro h1{
		font-size: 32px;
		text-align: center;
		margin-bottom: 14px;
		border-bottom: 1px solid #fff;
	}
	#login-foro h3{
		margin-bottom: 8px;
	}
	#login-foro #form-login{
		padding-bottom: 30px;
		margin-bottom: 35px;
		border-bottom: 1px solid #fff;
	}
	#login-foro label{
		color: #fff;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
    font-weight: 700;
		font-size: 13px;
    line-height: 1.3;
	}
	#login-foro .form-control{
		padding: 3px 6px;
		border-radius: 0;
		height: auto;
		border-top: 2px solid #004897;
		border-left: 2px solid #004897;
		border-bottom: 2px solid #C8C8C8;
		border-right: 2px solid #C8C8C8;
	}
	#login-foro .btn-login{
		color: #fff;
		padding: 6px 26px;
		background: rgba(0,73,151,1);
		background: -moz-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,73,151,1)), color-stop(100%, rgba(29,29,27,1)));
		background: -webkit-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: -o-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: linear-gradient(to bottom, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004997', endColorstr='#1d1d1b', GradientType=0 );
	}
	#login-foro .btn-login:hover{
		color: #fff;
		background: #1d1d1b;
	}
	#login-foro #form-login a{
		color: #fff;
		text-align: center;
		font-size: 12px;
    line-height: 1.1;
	}
	#login-foro #form-login a:hover{
		text-decoration: underline;
	}
	
	#login-foro .registrar h3{
		margin-bottom: 12px;
	}
	#login-foro .registrar a{
		color: #fff;
		text-align: center;
		font-size: 13px;
    line-height: 1.1;
		font-weight: 700;
	}
	#login-foro .registrar a:hover{
		text-decoration: underline;
	}
	
	#login-foro #recuperar p{
		color: #fff;
		font-size: 13px;
	}
	#login-foro #recuperar .cancel{
		font-size: 14px;
    line-height: 16px;
		padding: 6px 26px;
		text-decoration: none;
	}
	#login-foro #recuperar .cancel:hover{
		text-decoration: none;
	}
	
	
	/* Documentos */
	#foro-electronico .menu-cat{
		padding-top: 3px;
		border-top: 2px solid #C8C8C8;
	}
	#foro-electronico .menu-cat ul>li{
		margin-bottom: 3px;
	}
	#foro-electronico .menu-cat ul>li>a{
		display: block;
		color: #fff;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
    font-weight: 700;
		font-size: 14px;
		line-height: 1.1;
		background: #969696;
		padding: 9px 10px 10px 10px;
	}
	#foro-electronico .menu-cat ul>li>a:hover, #foro-electronico .menu-cat ul>li.selected>a{
		background: #0F76CE;
	}
	
	#foro-electronico .section-documentos{
		padding: 22px 30px;
		border-top: 2px solid #C8C8C8;
	}
	#foro-electronico .section-documentos.blue{
		border-top: 2px solid #0F76CE;
	}
	#foro-electronico .section-documentos h1{
		color: #C8C8C8;
		font-weight: 700;
		font-size: 38px;
	}
	#foro-electronico .section-documentos p{
		color: #0F76CE;
		font-weight: 600;
		margin-bottom: 10px;
	}
	
	#foro-electronico .section-documentos .items{
		padding: 2px 0px;
	}
	#foro-electronico .section-documentos .items .item{
		color: #0F76CE;
		padding: 10px 0px;
	}
	#foro-electronico .section-documentos .items .item h2{
		margin: 0;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.1;
		margin-bottom: 3px;
	}
	#foro-electronico .section-documentos .items .item h2 a{
		display: inline-block;
		color: #0F76CE;
		font-weight: 600;
		font-size: 14px;
		line-height: 1.1;
		padding-top: 8px;
		text-transform: uppercase;
	}
	#foro-electronico .section-documentos .items .item p{
		color: #0F76CE;
		font-weight: 700;
		font-size: 12px;
		line-height: 1.1;
	}
	
	
	
	
/*	==================================================
	# CONTACTO
	================================================== */
	#box-contact{
		min-height: 410px;
		padding: 40px 0 50px 0;
	}
	#box-contact h1, #box-contact h3{
		color: #fff;
	}
	#box-contact h1{
		font-size: 32px;
		text-align: center;
		margin-bottom: 14px;
		border-bottom: 1px solid #fff;
	}
	#box-contact h3{
		margin-bottom: 8px;
	}
	#box-contact #form-contact{
		padding-bottom: 30px;
		margin-bottom: 35px;
		border-bottom: 1px solid #fff;
	}
	#box-contact label{
		color: #fff;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 13px;
		line-height: 1.3;
	}
	#box-contact label a{
		color: #fff;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 13px;
		text-decoration: underline;
	}
	#box-contact label a:hover {
		color: #fff;
		text-decoration: underline;
	}
	#box-contact .form-control{
		padding: 3px 6px;
		border-radius: 0;
		height: auto;
		border-top: 2px solid #004897;
		border-left: 2px solid #004897;
		border-bottom: 2px solid #C8C8C8;
		border-right: 2px solid #C8C8C8;
	}
	#box-contact textarea{
		resize: none;
	}
	#box-contact .btn-login{
		color: #fff;
		padding: 6px 26px;
		background: rgba(0,73,151,1);
		background: -moz-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,73,151,1)), color-stop(100%, rgba(29,29,27,1)));
		background: -webkit-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: -o-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		background: linear-gradient(to bottom, rgba(0,73,151,1) 0%, rgba(29,29,27,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004997', endColorstr='#1d1d1b', GradientType=0 );
	}
	#box-contact .btn-login:hover{
		color: #fff;
		background: #1d1d1b;
	}
	
	
	
	
/*	==================================================
	# FOOTER
	================================================== */
	footer{
		background: #ffffff;
		margin: 0;
	}
	footer a, footer p, footer p a{
		color: #969696;
		word-break: break-word;
		word-wrap: break-word;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 12px;
		line-height: 1.1;
		margin-bottom: 8px;
	}
	footer p{
		color: #0F76CE;
	}
	footer a, footer p a{
		color: #969696;
	}
	.bottom-footer{
		padding-top: 5px;
		border-top: 2px solid #969696;
	}
	.bottom-footer a{text-decoration:none;}
	.bottom-footer a:hover{color:#0F76CE; text-decoration:none;}

	
	
/*	==================================================
	# TEXTOS LEGALES
	================================================== */
	#politica-cookies p{
		color: #545454;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 1.4;
	}
	#politica-cookies a {
		color: #545454;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 14px;
		text-decoration: underline;
	}
	ul{
		list-style: circle outside;
		margin-left: 35px;
	}
	#politica-cookies ul li{
		color: #545454;
		margin-bottom: 4px;
	}
	#politica-cookies ul li a{
		color: #0F76CE;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 1.4;
		display: inline-block;
		text-decoration: underline;
	}
	
	
	
/*	==================================================
	# COOKIES
	================================================== */
	.cookie-msg-on{
		padding-bottom: 62px;
	}
	.msg-cookie{
		background: #ffffff;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		color: #000;
		z-index: 9999;
		border-top: 1px solid rgba(50, 50, 50, 0.2);
	}
	.msg-cookie .wrapper-cookie{
		max-width: 980px;
		width: 100%;
		margin: 0 auto;
		padding: 8px 0 9px 0;
	}
	.msg-cookie p{
		color: #000;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-size: 12px;
		line-height: 1.3;
		margin: 0;
	}
	.msg-cookie a{
		display: inline-block;
		margin-top: 10px;
		color: #000;
		text-decoration: underline;
	}
	.msg-cookie ul{list-style:none;}
	.msg-cookie ul li{float: left; padding: 0 10px;}
	.msg-cookie ul li a.btn-cookie{
		color: #ffffff;
		font-family: 'Open Sans', 'Open Sans', sans-serif;
		font-weight: 700;
		font-size: 12px;
		line-height: 1.1;
		background: #0F76CE;
		border: none;
		padding: 10px 20px;
		border-radius: 0;
		margin: 0;
		text-transform: uppercase;
		text-decoration:none;
		text-align:center;
	}

	
	#go_up{
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 9999;
		opacity: 0.8;
		background: url('../img/go-up.png') 0 0 no-repeat;
		display: block;
		height: 20px;
		width: 20px;
		-moz-box-shadow:1px 1px 3px #999;
		-webkit-box-shadow:1px 1px 3px #999;
		box-shadow:1px 1px 3px #999;
		outline:none;
	}
	#go_up:hover{
		opacity: 1;
	}
	
	
/*	==================================================
	# PADDING & MARGIN
	================================================== */
	.padding-top-0{padding-top:0 !important;}
	.padding-left-10{padding-left:10px;}
	.padding-right-10{padding-right:10px;}
	
	.margin-bottom-0{margin-bottom: 0 !important;}
	.margin-bottom-30{margin-bottom: 30px;}
	.margin-bottom-50{margin-bottom: 50px;}
	.margin-bottom-70{margin-bottom: 70px;}
	
	
@media (min-width: 768px){
	.container {width:100%;}
}
@media (min-width: 1180px){
	.container {width:1024px;}
}
@media (max-width: 1024px){

}
@media (max-width: 960px){
	.visible-smobile{display: inline-block !important;}
	.hidden-smobile{display: none !important;}
	
	
	


}
@media screen and (max-width: 767px){
	.hidden-ipad{display:none !important;}
	.hidden-ipad-inline{display:none !important;}
	.visible-ipad{display:block !important;}
	.visible-ipad-inline{display:inline-block !important;}
	
	
	/* HEADER */
	header .logo{background: none;}
	
	/** mobile navigation */
	#trigger-mobile-nav {
		display: block;
		z-index: 9995;
	}
	
	/* MENU */
	#mainMenu {
		display: none;
		/*overflow: hidden;*/
		margin: 0;
		padding: 0;
		background: #0F76CE;
		position: absolute;
		top: 95px;
		left: 0;
		right: 0;
		z-index: 999;
		border-top: 1px solid #0F76CE;
	}
	#mainMenu .row{
		padding: 0;
		margin: 0;
	}
	#mainMenu .menu-item {
		float: none;
		border: 0;
		text-align: center;
		padding: 0;
		margin: 0;
		z-index: 9999;
	}
	#mainMenu .menu-item a{
		color: #ffffff;
		margin: 0;
		border: 0;
		border-bottom: 1px solid #ffffff;
		text-align: center;
		padding: 12px 0;
	}
	#mainMenu .menu-item a:hover, #mainMenu .menu-item a.active {
		color: #0F76CE;
		background: #ffffff;
		text-decoration: none;
		border-bottom: 1px solid #0F76CE;
	}


}
@media (max-width: 580px){
	.hidden-mobile{display:none !important;}
	.hidden-mobile-inline{display:none !important;}
	.visible-mobile{display:block !important;}
	.visible-mobile-inline{display:inline-block !important;}
	
}
@media (max-width: 480px){
	.logo{float:none !important; padding-right: 40px;}
	.logo img{margin-left: 0px !important;}
	
}
@media (max-width: 320px){

}