@charset "utf-8";
/* CSS Document */

/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 10px;
 font-weight: normal;
 /*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
 font-family:Verdana, Geneva, sans-serif;
 color:#333;
}
ol { 
  margin-left: 2em; 
  list-style: decimal; 
}
ul { 
  margin-left: 1.4em; 
  list-style:none;
  
}
img {
  border: 0;
}
a{text-decoration:none; /*color:#58919f;*/ color:#003D75;}
a.underline:hover{ text-decoration:underline;}


/* end reset browser styles */ 
h1,h2,h3,h4,h5,h6{color:#003D75;}
h1{ font-size:240%; border-bottom:1px solid #e5e5e5; padding:30px 0 0 0; margin:0 0 10px 20px;}
h2{ font-size:180%; padding:20px 0 0 20px;}
h3{ font-size:140%; padding: 0 0 20px 0;}
h4,h5{ font-size:120%; padding-bottom:10px;}
h5{ padding-top:20px;}
h6{ font-size:140%; border-bottom:1px solid #e5e5e5; padding:30px 0 0 0; margin:20px 0;}
body{
	background-image: url(../img/main_bg.jpg);
	background-repeat:repeat-x;
}
#text table.table tbody .align_left{ text-align:left; width:20%;}
#text table.table tbody .align_center{ text-align:center;}
#text table tbody .valign_top{ vertical-align:top;}
#text table.table tbody th.td{ text-align:left; font-weight:normal}
#text table .nowrap{white-space:nowrap;}

#wrapper{
	/*display:none;*/
	margin: 0 auto;
	width:976px;
}
#header {
	background-image: url(../img/header_bg.jpg);
	background-repeat:repeat-y;
	height:180px;
	position:relative; margin-top:-20px;
	background-position: left top;
	
}
#header #enxaneta {
	position:relative;
	top:120px;
	right:-10px;
}

#nav{
	height:50px;
	padding:0 20px 0 0;
	position:absolute;
	bottom:0px;
	right:0;	
	text-align:center;
	vertical-align: baseline;
}
#nav ul{float:right;}
#nav ul li{
	float:left;
	height:50px;
	width:135px;	
	}
#nav ul li:hover{
	background-image: url(../img/tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav ul li.active{
	background-image: url(../img/tab.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}	

#nav ul li a{
	font-size:14px;
	color:#fff;
	height:50px;
	width:128px;
	/*position:relative;*/
	padding-top:10px;
	margin:0px 5px 20px 5px;
	display:block;
	height:100%;
}
#nav ul li.active a{color:#003D75;}

#content{
    /*background-color: #00FF00;*/
    background-image: url("../img/content_bg.gif");
    min-height: 600px;
    padding: 60px 10px 10px;
}

#aside{
	float:left;
	width:204px;
	min-height:450px;
	padding-left:10px;
	margin-top:50px;
	border-right:1px solid #e5e5e5;
	background-image: url(../img/aside_shade.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#text{
	margin:10px 0 10px 240px;
	padding:30px 0 0 0;
	width:690px;
}
#nav_container {
    background-image: url("../img/topside.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 80px;
    padding: 45px 0 0 217px;
    position: relative;
    top: 120px;
}
#nav_container  #ita_nav{
	height:50px;
	background-image: url(../img/ita_nav.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}
#nav_container  #ita_nav.bibliografia,
#nav_container  #ita_nav.vocabulari{	background-image: url(../img/ita_nav_orange.jpg);}
/*#nav_container  #ita_nav.verbs{	background-image: url(../img/ita_nav_green.jpg);}*/
#nav_container #ita_nav h2 {
    color: #FFFFFF;
    float: left;
    margin: 0;
    padding: 8px 0 0 20px;
    width: 600px;
}
#nav_container  #ita_nav h2 a{
	color:#FFF;
	
}
#nav_container  #ita_nav .left_side{
	height:50px;
	width:8px;
	float:left;
	background-image: url(../img/nav_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav_container  #ita_nav .left_side.bibliografia,
#nav_container  #ita_nav .left_side.vocabulari{background-image: url(../img/nav_left_orange.jpg);}
/*#nav_container  #ita_nav .left_side.verbs{background-image: url(../img/nav_left_green.jpg);}*/
#nav_container  #ita_nav .right_side{
	height:50px;
	width:8px;
	float:right;
	background-image: url(../img/nav_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#nav_container  #ita_nav .right_side.bibliografia,
#nav_container  #ita_nav .right_side.vocabulari{background-image: url(../img/nav_right_orange.jpg);}
/*#nav_container  #ita_nav .right_side.verbs{background-image: url(../img/nav_right_green.jpg);}*/
#nav_container  #ita_nav ul li{
	padding: 12px 15px 10px 10px;
	float:left;
	height:23px;
	margin:0;
	font-size:14px;
}
#nav_container  #ita_nav ul li a{
	height:23px;
	margin:0 5px;
	padding:0px 0px 0px 30px;
	background-image: url(../img/index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFF;
}
#nav_container  #ita_nav ul li a.selected{
	background-color:#122E44;
}
#nav_container  #ita_nav ul li:hover{
	background-image: url(../img/nav_hoover.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}
/*#nav_container  #ita_nav.verbs ul li:hover{background-image: url(../img/nav_hoover_green.jpg);}*/
#nav_container  #ita_nav ul li.selected{
	background-image: url(../img/nav_sel.jpg);
	background-repeat: repeat-x;
	background-position: left top;	
}
/*#nav_container  #ita_nav.verbs ul li.selected{background-image: url(../img/nav_sel_green.jpg);}*/
#nav_container  #ita_nav ul li.teoria a{
	background-image: url(../img/teoria.gif);	
}
/*#nav_container  #ita_nav.verbs ul li.teoria a{background-image: url(../img/teoria_green.gif);}*/
#nav_container  #ita_nav ul li.activitats a{
	background-image: url(../img/edit.gif);	
}
/*#nav_container  #ita_nav.verbs ul li.activitats a{background-image: url(../img/edit_green.gif);}*/
#nav_container form#search_form {
    bottom: 49px;
    position: absolute;
    right: 80px;
	background:none;
	padding:0;
	border:none;
}

form#search_form input[type="text"]{ width:150px;}
#footer{
	background-color:#122E44;
	min-height:200px;
}
#white_footer{
	width:976px;
	margin:0 auto;
	background-image: url("../img/content_bg.gif");
    min-height: 75px;
}
#php_footer .tw_fb {
    display: inline-block;
    float: right;
    margin: 10px 10px;
}
#php_footer{
	width:976px;
	margin:0 auto;
}
.clearfix{
	clear:both;
}
.hidden{
	visibility:hidden;
}
.concealed{display:none;}

.attribution{ text-align:right; position:relative; top:0px;}
/*******************************************************************/

/************************ASIDE MENU V ******************************/

#aside .menuV ul li{ font-size:14px; margin:0; padding:5px;}
#aside .menuV ul .second_level li{ margin:0;padding:2px;}
#aside .menuV span.flip{ cursor:pointer;}
#aside .menuV strong{ font-weight:normal;}
#aside .menuV span.flip a.selected{ color:#F00;}



#text .center{
	margin:0 0 0 50px;
}

 .center ul.index{ padding-bottom:30px;}
 .center ul.index li{font-size:12px; padding-bottom:5px;}
/* .center ul.index ul.index li small{ display:none;}
 .center ul.index ul.index  ul.index li small{ display:inline;}
*/ 
#text div.padd{
	 padding:0px 0 20px 20px;
	 font-size:12px;
}
#text div.padd p{line-height: 150%;font-size:12px; padding:10px 0; }
#text div.padd form table td p{line-height: 200%;}

.gris{
	color:#ccc;
}	
.yellow{
	color:#F90;
}
.red, .message{
	color:#F00; font-weight:normal; font-size:12px; /*font-style:normal;*/
}
.green{ color:#090; font-size:16px;}
.des {
	font-weight:normal;
}
p.error{ color:#F00; padding:10px 0;}
table td input.error{ background-color: #FEE;}
.shade img{ border:1px solid #e5e5e5; float:left}
span.cross {
    color: red;
}
span.cross.transparent{
	color: transparent;
}
/******************* SEARCH ****************/	
	
#sr_verb p{
	text-align:center;
	padding:20px 0;
}
#sr_verb .search_ul{
	padding: 0 30px;
	margin:0;
	float:left;
	}
#sr_verb ul:first-of-type{
	padding-left:30%;
	}	

/******************* SEARCH ****************/	

/***********************FORMS*****************************************/
form,#sr_verb {padding:10px;border:1px solid #B3B4B7;-moz-border-radius:6px;-webkit-border-radius:6px;-opera-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;
	background-color:#ebedee;
	background-image: -webkit-gradient(
    linear,
    right top,
    left bottom,
    color-stop(0.1, rgb(213,217,218)),
    color-stop(0.31, rgb(235,237,238))
	);
	background-image: -moz-linear-gradient(
    right top,
    rgb(213,217,218) 10%,
    rgb(235,237,238) 31%
	);
	font-size:12px;
}


fieldset{
	border:none;
	padding:10px;
	font-size:90%;
	}
legend{
	padding:10px 15px 20px 15px;
	color:#333;
	}
table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding: 10px 0;
	color:#333;
	font-weight:normal;
}
table tr td span {
	font-style: italic;
}

input[type="text"]
{
font-size:100%;
}

input.grey{
	background:transparent;
	color:#555;
	font-style:italic;
	}
input#ves{
	color: #aaa;
	font-style:italic;
	border-width: 2px;
	border-style: solid;
	border-top-color: #aaa;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #aaa;
}	
input.dinamic{ text-align:center;  border:none; border-bottom:1px solid #aaa; background:transparent;}
input.edit{ text-align:left; border:none; margin:10px 0 0 0; background:transparent; font-size:110%}
input.none{font-size:inherit;}
fieldset table td p{
	padding:10px 5px 0 0;
	line-height:250%;
}
#form_oebs1 fieldset table td{
	padding:10px 0 5px 15px;
}	
form div.form {
	margin:0 60px;
	font-style:italic;
	font-size:80%;
}
form#verbs_form{ margin:0 auto; width:80%}
form#verbs_form fieldset{ 
	padding:20px 10%;
}
#verbs_form #sent{ margin-top:20px;}
.black_footer {
    background-image: url(../img/black_footer.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #CCCCCC;
    font-size: 10px;
    font-weight: bold;
    line-height: 150%;
    min-height: 20px;
    padding: 5px 10px 5px 175px;
    text-align: right;
}
.black_footer a{
	color:#ccc;
	display: inline-block;
    width: 35px;
}
.black_footer a.selected{ color:#fff; font-weight:bold;}
.black_footer a:hover{color:#fff;}

/*****************END*FORMS*****************************************/

/*************************  VERBS  ********************************/
table.lista	{
	margin-left:auto;
	margin-right:auto;
	}
table.lista tr{
	border-bottom:solid 1px #CCC;
	padding:0;
	}
table.lista td{
	padding:0 2px 0 0;
	line-height:12px;
	font-size:12px;
	}
table.lista th{
	font-size:12px;
}
.left{
	float:left;
	width:31%;
	margin-left:2%;
	margin-bottom:15px;
	font-size:12px;
	}
h2.conjugacio{ border-bottom:1px solid #e5e5e5; margin:20px 0; padding:0}
ul.verb li{ font-size:12px;}




/*************************  STAFF  ********************************/

.login{
	padding:20px;
	width:75%;
	margin:20px auto;
}
#text table.table.menu tbody td { padding:0 10px;}

#text .padd table.vocabulari tr:hover{ background-color:#f8f8f8;}

#text .padd table.vocabulari tr th{
	padding:10px;
}
#text .padd table.vocabulari tr td{
	padding:0 10px;
}
#text #verb_form table.float{
	margin:5px 0;
	float:left;
}
#text #verb_form table.float h4{ height:24px;}/*upd_conjug.php?*/






#aside .menuV ul.menu li{font-size:14px;}
div.panel{
	margin:0px;
	padding:5px;
	width:180px;/****************/
	height:auto;
	display:none;
	}

p.flip{
	margin:0px;
	padding:5px 0 5px 15px;
	text-align:left;
	width:180px;/*****************/
	cursor:pointer;
	color:#333;
	font-size:14px;
	}

p.flip a{
	color:#333;
	font-weight: 200;
	text-decoration:none;
	}
#text .padd p.flip:hover,
#text .padd p.flip a:hover{
	background-color:#fbfbfb;
}
p.black{/*pannel open*/
	/*background-color:#fff;*/
	color:#333;
	}
ul.menu{
	margin:0;
	padding:0 0 0 30px;
	text-align:left;
	list-style:none;
}
/*ul.menu li a{ font-size:14px;}*/
ul.menu li a:hover{ text-decoration:underline;}	
p.flip a.desconectar{
	color:#003D75; 
	font-weight:600;
}
p.flip a.desconectar:hover{
	color:#333;
}


#content .text p.open{
	background:#f0f0f0;
	}
#content .text p.open:hover{
	background:#fefefe;
	}	
	
	
	
	
/*************************  Teoria ********************************/

ul.remember, 
div.content{padding:10px;border:1px solid #B3B4B7;-moz-border-radius:6px;-webkit-border-radius:6px;-opera-border-radius:6px;-khtml-border-radius:6px;border-radius:6px;
	background-color:#ebedee;
	background-image: -webkit-gradient(
    linear,
    right top,
    left bottom,
    color-stop(0.1, rgb(213,217,218)),
    color-stop(0.31, rgb(235,237,238))
	);
	background-image: -moz-linear-gradient(
    right top,
    rgb(213,217,218) 10%,
    rgb(235,237,238) 31%
	);
	
	margin:20px;
	padding:10px;

}
ul.remember li, div.content li{font-size:12px;}
.padd ol{ padding-left:30px;}

.padd h4{ padding:40px 0}

h4 span{    
	float: left;
    font-size: 100%;
    font-style: normal;
    padding: 3px 30px 5px 5px;
    width: 580px;
	border-bottom:1px solid #e5e5e5;
}
.padd .padd h4 span{ width:65%;}

.padd h4 span.square {
    border: 2px solid #003d75;
    float: left;
    margin: 1px 10px 0 0;
    padding: 2px 6px;
	width:14px;
}
h4 span.xxx,
h4 span.underline{
    background-image: url("../img/h4.png");
    background-position: left bottom;
    background-repeat: no-repeat;
	border:none;
/*	float: left;
    font-size: 100%;
    font-style: normal;
    padding: 3px 30px 5px 5px;
    width: 450px;
*/}

#text div.padd ul li {
    font-size: 12px;
    line-height: 150%;
	padding:0;
}
div.padd em.em{color:#F00; font-style:normal;}
span.fixedW{display: inline-block;width:170px; font-style:normal;}
span.flag{
	padding-left:14px;
	display: inline-block;
	width:80px;
	background-image:url(../img/ca.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
span.flag.es{background-image:url(../img/es.jpg); width:90px;}

span.no{
	text-decoration:line-through;
	color:#F00;
}
/***********************TABLES*****************************************/

#text table.table{
	width:100%;
	border-collapse:collapse;
	margin:0;
	}

#text table.staff{
	border-top: solid 1px #ccc;
	}
	
#text table caption{
	padding:20px 0;
	text-align:left;
	color:#003D75;
	font-size:14px;
	text-transform:uppercase;
	}	
#text table.table thead th{
	background-color:#6694b6;
	font-size:100%;
	padding:10px 0;
	border: solid 1px #ccc;
	background-image: url(../img/th.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color:#FFF;
	font-size:12px;
	}
#text table.feble thead th{
	font-weight:normal;
	}
#text table.table .nostyle{
	background-color:#fff;
	background-image:none;
	border:none;
	}
#text #conjugacio .imperatiu{
	display:none;
}
#text table.table tbody th{
	padding:0 10px;	
	border: solid 1px #ccc;
	}
#text table.feble tbody th{
	background-color:#F5F9FA;
	font-weight:normal;
	}
	
#text table.table tbody td{
	padding:8px 10px;
	font-size:12px;
	border: solid 1px #ccc;
	}
#text table.staff tbody td{
	padding:20px 10px;
	/*font-size:80%;*/
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ccc;
	}
#text table.table tbody tr:hover{
	background-color:#F7F7F7;
	}
#text .black{
	background-color:#f1f1f1;
	}
#text .pale{
	background-color:#F5F9FA;
}	
#text .white{
	background-color:#fff;
	}
	
#text .vertical{
	font-size:120%;
	}
#text table.lista	{
	margin-left:auto;
	margin-right:auto;
	}
#text table.lista tr{
	border-bottom:solid 1px #CCC;
	padding:0;
	}
#text table.lista td{
	padding:0 2px 0 0;
	line-height:14px;
	}
	
#text table.lista.drill {
	 font-size:110%; 
	 padding:30px;"
} 
#text table#conjugacio colgroup.pronom { width:75px;}
#text table#conjugacio colgroup.reflex { width:40px;}
#text table#conjugacio colgroup.input { width:150px;}
/*#text table#conjugacio colgroup.pronom { width:75px;}*/
#text table.lista.drill td{
	padding:4px 2px;
}	
#text table.lista.drill td#infinitiu img{
	display: block;
    margin-left: 20px;
}



#text .padd .gramar_item{width:100%;}
#text .padd .gramar_item .flip{
	background-image: url(../img/open.gif);
	background-repeat: no-repeat;
	background-position: 98% center;
}
/*#text .padd .gramar_item.active .flip{
	background-image: url(../img/close.gif);
}*/
#text .padd .gramar_item.closed .flip{
	background-image: url(../img/open.gif);
}
#text .padd .gramar_item .flip.black{background-image: url(../img/close.gif);}

#text .padd div.panel{
	margin:0px;
	padding:5px;
	width:100%;/****************/
	height:auto;
	display:none;
	background-color:#FCFCFC;
	}
#text .padd p.flip{
	margin:0px;
	padding:5px;
	text-align:left;
	width:100%;/*****************/
	cursor:pointer;
	color:#333;
	background-color:#F7F7F7;
}
#text .padd p.flip a{
	color:#333;
	font-weight: 200;
	text-decoration:none;
	}
#text .padd p.flip:hover,
#text .padd p.flip a:hover{
	color:#000;
}
#text .padd p.black{/*pannel open*/
	/*background-color:#fff;*/
	color:#333;
	}
#text .padd table.tight{
	border:none;
	width:100%;}
#text .padd table.tight td{
	border-bottom:solid 1px #eee;
	padding:3px 0;
	vertical-align:top;
}

#text .padd table.tight td.ff{
	font-weight:bold;
	padding:5px 5px 5px 0;
	width:30%;
}
#text .padd table.tight tr.colspan:hover{background-color:#fff;}
#text .padd table.tight tr:hover{
	background-color:#F7F7F7;
}
#text .padd table.tight h4{
	text-transform:uppercase;
	font-weight:bold;
	padding: 20px 0;
}
#text .padd .abc{padding:30px 0 0 30px;}
#text .padd .abc a {
    display: inline-block;
    height: 10px;
    text-align: center;
    width: 15px;
}

#text .padd .flip.dry,
#text .padd .flip.dry.black{background-image:none; cursor:auto}
#text .confusions ul li span.line-through{ text-decoration:line-through}

/*********************** ACTIVITATS test + test1 ************************************/
#place-accents a:hover{ text-decoration:underline;} 
#compare span{ font-style:normal;}
#place-accents, #compare{ font-size:16px!important; font-family:Georgia, "Times New Roman", Times, serif; line-height:100%;}

/*********************** ADS ************************************/
#printAds{padding:20px 0 0 0; margin:0;}
#printAds a img:hover{box-shadow: 1px 1px 2px 0px #ccc;}
.padd .bibli_frame{padding:0 10px 10px 0; float:left;}

/*********************** SOCIAL TWITTER FACEBOOK GOOGLE ************************************/

#fixed{background-color:#012c41; height:40px; width:100%; position:fixed; top:0; z-index:100; }
#fixed #social{width:950px; height:20px; margin: 0 auto; padding:10px; background-image:url(../img/head_bg.jpg); background-repeat:repeat-y; background-position: top center;}
#fixed #social .twfbgo{float:right;}
#fixed #social .twfbgo.goo{padding-left:8px; padding-right:8px;}