/*  
Theme Name: XTEC
Theme URI: http://blocs.xtec.cat
Description: Versió 1.1 de l'aparença XTEC de Wordpress. Aquesta revisió de l'aparença permet visualitzar subpàgines al menú de la capçalera.
Version: 1.1
Author: XTEC BLOCS
Author URI: http://blocs.xtec.cat
*/

/*
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

Basat amb el theme Freshy de JIDE []http://www.jide.fr/]
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
fieldset,img { 	border:0;}
address,caption,cite,code,dfn,em,th,var {	font-style:normal;	font-weight:normal;}
ol,ul {	list-style:none;}
caption,th {	text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}
q:before,q:after {	content:'';}
abbr,acronym { 	border:0;}

* {	margin: 0;	padding: 0;	border: none;}

html {	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */}

ul {	list-style: none;	list-style-type: none;}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {	font-weight: normal;	margin: 0 0 1em 0;}
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;}
h1 {	font-size: 2em;}
h2 {	font-size: 1.8em;}
h3 {	font-size: 1.6em;}
h4 {	font-size: 1.4em;}
h5 {	font-size: 1.2em;}
h6 {	font-size: 1em;}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {	border: none;	text-decoration: none;}
img {	border: none;	text-decoration: none;	/*	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga	*/}

/* Formularios */

label, button {	cursor: pointer;}

input:focus, select:focus, textarea:focus {	background-color: #FFF;}
fieldset { border: 1px solid #ccc; }

legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/* Clases útiles */

.clear {	clear: both;}
.float-left {	float: left;}
.float-right {	float: right;}
 
/* Layout */
#page{	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
#header{background-color: #fff;height: 170px;position: relative;}
#header .description{font-size:15px}
#title {padding: 50px; }
#title h1{ font-size:3em; font-weight: bold;}
#title h1 a:visited, #title h1 a:link { color: #006699}
#content {	padding: 10px 13px 30px 13px; margin-right: 300px; margin-left: 25px; background-color: #eff6fc;}

#content h2 {font-size: 2.2em; font-weight:bold;border-bottom: 1px dotted #ccc; margin-right: 80px;}
#content .post{	border: 1px solid #d9e8f8;	background-color: #ffffff;	padding:20px;margin-bottom: 13px;}
#content .contentwo{border: 1px solid #d9e8f8;	background-color: #ffffff;	padding:20px;margin-bottom: 13px;}
#content .post .entry p:first-child { font-size: 1.2em; margin-top: 38px;}
#content .post .entry p { font-size: 1.2em}
#content .post .postmetadata  {font-size: 1.2em;}
#content .post .postmetadata {margin-bottom: 50px;}
#sidebar {	float: right; padding: 0 10px 0 20px; width: 220px;	margin-right: 25px;margin-bottom: 50px;} 
#sidebar h2 {padding: 5px;font-size: 15px;color: #ffffff;background-color: #91beec; }
#sidebar .title {padding: 5px;font-size: 15px;color: #ffffff;background-color: #91beec; }

#footer{background: url(images/footer_strip.png) #212121;padding: 40px 0 0 0;border-top: 1px solid black;padding-top: 10px;color: #cccccc;font-size: 1.6em;
height:80px; clear: both;
}

#footer .footer_content { font-size: 0.7em; text-align: right; padding-right: 20px;}

/* */

#mainmenu{ padding-left: 5px;margin: 0;border: 1px solid #ffffff;}
#mainmenu .page_item a{ background-color: #91beec;color: #ffffff;text-decoration: none;padding: 5px 15px 5px 15px;font-family: Arial,Helvetica,sans-serif;font-weight: bold;font-size: 14px;}
#mainmenu .page_item a:hover{ color:#000000;}

.post .post_date{color: #ffffff;background-color: #a3cfec;float: right;padding: 6px;border: 1px solid #d9e8f8;margin: 0px 10px 5px 0px;text-align: center;}
.post .date_day{font-size: 1.6em;letter-spacing: 0.2em;padding-left: 0.2em;display:block;}
.post .date_month{font-weight: bold;font-size: 2em;line-height: 0.8em;display:block;}
.post .date_year{font-size: 1.2em;line-height: 1.2em;display:block;}

#searchform{ margin-bottom: 25px;}
#searchform input#s{ margin: 15px 5px 0 0; padding: 7px 3px 1px 2px;color: #4b4b4b;width: 125px;border: 1px solid black;font-size: 1.1em;height: 20px;}
#searchform input[type='submit']{height: 20px;border: 1px solid #1183b9;color: #ffffff;font-weight: bold;padding: 0 0.5em 0 0.5em;background: #5fc0ef;}
#searchform input[type='submit']:focus, #searchform input[type='submit']:hover {color: #333333;background-color: #ffffff;}
#searchform input[type='submit']:focus, #searchform input[type='submit']:hover {color: #333333;background-color: #ffffff;}

#frame a {outline-color: invert;outline-style: none;outline-width: 0pt;}
#frame *:focus{outline-color: invert;outline-style: none;outline-width: 0pt;}
#content a:link, #content a:visited{color: #006699;text-decoration: none;}
#sidebar a:link, #sidebar a:visited{color: #006699;text-decoration: none;}
#frame a:hover, #frame a:active {color: #ffffff;background-color: #006699;}

#footer a {outline-color: invert;outline-style: none;outline-width: 0pt;}
#footer *:focus{outline-color: invert;outline-style: none;outline-width: 0pt;}
#footer a:link, #footer a:visited{color: #006699;text-decoration: none;}
#footer a:hover, #footer a:active {color: #ffffff;background-color: #006699;}

.widget{	font-size: 1.4em;}
.widget li { padding-bottom: 5px}

#wp-calendar{empty-cells: show;margin-top: 10px;margin-right: auto;margin-bottom: 20px;margin-left: auto;width: 155px;}
#wp-calendar caption{
font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
text-align: center;
}

#wp-calendar caption{text-align: center;width: 100%;}
.tag{padding-left: 20px; background: url(images/tag.png) no-repeat #fff;}
.comment{padding-left: 20px;background:url(images/comment.png) no-repeat #fff;}
.edit{padding-left: 20px;background:url(images/edit.png) no-repeat #fff;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2{
padding-left: 25px;
border-top: 5px solid #91beec; /*Highlight red color theme*/
background-color: #fff;
margin: 0px 0 35px 0;
}
html>body .invertedshiftdown2 {
margin-top: 9px;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
	float: left;
	position:relative;
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 li ul {
	margin:0;
	height:auto;
	width:auto;
	position:absolute;
	top:32px;
	display:none;
	opacity:.9;
}

.invertedshiftdown2 li:hover ul {
	display:block;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: #fff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #91beec; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #069; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #069; /*Highlight red color theme*/
color: #fff;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}


.invertedshiftdown2 li ul a{
float: left;
display: block;
font: bold 12px Arial;
color: #fff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #80addb; /*Default menu color*/
border-bottom: 0px solid white;
}

.invertedshiftdown2 li ul a:hover{
background-color: #069; /*Highlight red color theme*/
padding-top: 5px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 5px; /*Set padding-bottom value to 0 */
border-bottom-color: #069; /*Highlight red color theme*/
color: #91BEEC;;
}


#frame { background-color: #fff;}
#header {background-color: #fff;}
.contentwo h3 {font-weight: bold; color: #069; padding-top: 25px}
.contentwo h3:first-child {font-weight: bold; color: #069;padding-top: 0}

.comment {font-size: 1.3em}
.commentlist dt.none {font-size: 1.5em;padding-left:20px;padding-bottom: 10px;display:inline}

#commentform {font-size: 1.4em}
#commentform input {border: 1px solid #ccc}
#commentform textarea {border: 1px solid #ccc}
#commentform #submit {padding: 5px;background-color: #5fc0ef;border: 1px solid #1183b9;}
#secureimgdiv { padding: 35px}
#secureimgdiv small{ font-size: 0.8em}
#secureimgdiv #securitycode { margin-top: 20px}

.alignleft {
	float: left;
	text-align: left;
	padding-bottom: 10px;
}

.alignright {
	float: right;
	text-align: right;
	padding-bottom: 10px;
}