﻿/* CSS Document */


/** FORM - Basic Styles */
.grecaptcha-badge {opacity:0}

.traducat_mosaic {border-top: 6px #000 solid; margin-bottom: 20px}


.formclass { clear: both; width: 100%; margin: 0 !important; text-align: left; max-width:1380px;  }
.formclass input, .formclass select, .formclass textarea {margin:0;color:#000;  font-size:1.2em; display: block; border: none; background-color: #EFEFEF; padding: 6px; /*-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 30px; */ width: 100% }
.formclass textarea { min-height: 100px; }
.formclass input[type=button],
.formclass input[type=submit] { font-size: 1.3em; padding: 10px 80px 10px 10px; color: #FFF; background: #000 url('../../_img/flecha.png') right no-repeat; cursor: pointer; width: auto; }
.formclass input[type=submit]:hover {color:#000; background: #f18969 url('../../_img/flecha-hover.png') right no-repeat;}
.formclass input[type=checkbox], input[type=radio] { height: 20px; width: 20px; float: left;  }
.formclass input[type=checkbox], input[type=radio] { outline: none !important; border: none !important; margin-right: 10px; }
.formclass input[type=image] { outline: none !important; border: none !important }
.formclass input {}
/*Estils de files*/
.formclass .form_line { overflow: hidden; border-top: 1px solid #E0E0E0; padding: 10px 0 }
.formclass .form_line_lat { overflow: hidden;  padding: 10px 0 }
.formclass .form_subline { overflow: hidden; clear: both; }
.formclass .form_line_left { display: block; float: none; width: 100%; padding: 4px 0px; font-weight: 700; text-transform: uppercase; }
.formclass .form_line_right { float: none; width: 100%; padding: 4px 0px; text-align: left }

.alert-warning,
.alert-danger   { font-size: 1.3em; margin: 50px 100px }




@media all and (min-width: 600px) {
.formclass .form_line_left { float: left; width: 30%;  }
.formclass .form_line_right { float: right; width: 70%; }
}


/** TRAC - List */
.bloc_trac_home  {
		position: relative;
}
.bloc_trac_home img  {
		margin: 20px 20px 10px 20px;
		border-top: 10px #000 solid;
}


.text_trac_home {
	text-align: left!important;
	padding: 0 25px 20px 22px;
}




.autor_trac_home {    
	display: block;
	background: #ffec83;
    color: #000;
    /*font-size: 20px;*/
    padding: 4px 2px;
    font-weight: 700;
	position: absolute;
    z-index: 100;
    top: 20px;
    right: 25px;
	max-width: 200px
}

.titol_trac_home{ 
	display: block;
    font-size: 20px;
    padding: 3px 0;
    font-weight: 700;
	margin-bottom: 5px;
	position: absolute;
    z-index: 100;
    bottom: 25px;
    left: 20px;
	text-align: left!important
}
.titol_trac_home span{ 
	background: #ffec83;
    color: #000;
	line-height: 25px
}



.fons_titol_trac  {}



.trac_list_item 				{ clear: both; margin:10px 0;  border-top: #212121 thin solid; width: 100%;  }
.LIJ_item 						{ background-image: url(../_img/fonsLIJ.png);  overflow: hidden}

.trac_list_item_esquerra 		{float: none;   width:100%; margin: 10px 0 ; padding: 0 }
.trac_list_item_dreta 			{float: none;   width:100%; margin: 10px 0; text-align: left }

.trac_list_item_img 			{width: 100% !important;}
.trac_list_item_img img 		{width: 90% !important; max-width:300px;}



.trac_list_item_title 		{  }
.trac_list_item_title h2 	{ font-size: 1.8em !important ;   }
.trac_list_item_lang 		{ text-transform: uppercase; padding: 5px 0px;  font-size: 0.9em; }
.trac_list_item_info 		{ font-size: 0.9em; }

.trac_list_form 			{ margin: 5px 0px; padding: 14px 0px; text-align: center; background: #E6E6E6; overflow: hidden; }
.trac_list_form .form 		{ width: 95%; margin: 0 auto; text-align: left; }
.trac_list_form .form_desc	 { margin-bottom: 10px; font-size: 0.9em; }
.resultat_trac 				{ float: none; clear: both;  height: 1% }
.idioma 					{ font-variant: small-caps; padding-top: 5px; color: #333; font-size: 120% }
.trac_list_item_TRAC		{ padding: 10px 0; margin-top:10px;  /*border-bottom: #9A9A9A thin dotted*/}


@media all and (min-width: 500px) {

.trac_list_item_esquerra 		{float: left;   width:20%; margin: 10px 0}
.trac_list_item_dreta 			{float: right;  width:80%; margin: 10px 0; text-align: left; padding: 0 0 0 1em }
}
.news_list_item_opts 			{margin-top: 10px}



/**  Links */
.bbdd_links { clear: both; float: none; width: 100%;}
.bbdd_links1 {margin: 6px 0; border: white 5px solid }
.bbdd_links1 h2 { margin: 0; padding:25px 10px; color: #FFF; background: #66c1bf; font-size: 1.4em; font-weight: 700; }
.bbdd_links1 h2 a { color: #fff }
.bbdd_links1 h2 a:hover { color: #000 }
.bbdd_links1 ul { margin: 0; padding: 5px 10px; list-style: none; /*border: #66c1bf solid 1px;*/ background: rgba(102,193,191,0.2); }
.bbdd_links1 ul li { }
.bbdd_links1 ul li a { color: #000 !important; padding-right: 8px; font-size: 1.1em; font-weight: 400 }
.bbdd_links1 ul li a:hover {  text-decoration: underline; }
.bbdd_links_item { background: rgba(102,193,191,0.07); padding: 50px; border:10px solid #fff; }
.bbdd_links_item img { width: 100%; float: none; clear: both; margin-bottom: 20px }
.bbdd_links_item .icon {width: 20px!important}

.bbdd_links_item_title {  font-size: 1.1em;  font-weight: 700 }
.bbdd_links_item_title a { color:#66c1bf; }
.bbdd_links_item_title a:hover { color: black }
.bbdd_links_item_text { font-size: 1em; overflow: hidden }
.bbdd_links_item_text a { color: #66c1bf;  }
.bbdd_link_titol a {color:#66c1bf }
.bbdd_link_titol a:hover {color:#000 }
.bbdd_links_item a {color:#66c1bf; font-size: 1em; font-weight: 700 }
.bbdd_links_item a:hover {color:#000 }

.bbdd_links_sub {}
.bbdd_links_sub:hover {font-weight: 700}


/* calendarios */
/*
#sdatainisearch_news_cf_buttondiv img {display:none !important;}
#sdatainisearch_news_cf_buttondiv {background: url('../../_img_icon/calendario.png') no-repeat center center !important;width:20px; height:20px; float:left;}
*/
.yui-calcontainer {box-shadow:0 5px 5px rgba(0,0,0,.3);border:none;}
.yui-calcontainer table {border:none;}
.yui-calcontainer table th {border:none;}
.yui-calcontainer .close-icon {border:none;}
.yui-calcontainer.withtitle {padding-top:2em;}
.yui-calendar td.calcell.today {background-color:#000 !important;color:#fff !important;border:1px solid transparent;}
.yui-calendar td.calcell.selected {background-color:#f18969 !important;border:1px solid transparent;color:#000 !important;}
.yui-calendar td.calcell.calcellhover {background-color:#f18969 !important;border:1px solid transparent;color:#000 !important;}
.yui-calendar td.calcell.today a {color:#fff !important;}
.yui-calendar td.calcell.selected a {color:#000 !important;}
.yui-calendar td.calcell.calcellhover a {color:#000 !important;}


@media all and (min-width: 800px) {
.fons_titol_trac  {border-bottom: solid black thin
	/*background-image: url(/_img/fons_llibres.png); background-repeat: repeat-x; background-position: left*/}
}
