html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6{  /* set everything to zero for a good
starting point.  This way, you can avoid certain issues.  You add padding and margins to specific elements themselves*/

	margin: 0; /* sets the margins to zero on the body */
	padding: 0; /* sets the padding to zero on the body */
	border: 0; /* deletes any borders */	
}

body {
	background-color: #FFF; /*sets the body background colour  */
	background-image: url(../i/background.gif); /*body background image */
	background-position: center; /*centres the background image */
	color: #333; /*default font colour on page*/
	font-family: Arial, Helvetica, sans-serif; /*default font on page*/
	font-size: 101%; /*default font size  set to 101% */
	margin: 0 auto;
	min-width: 770px;/*minimum width anything under you get scroll bars this prevents our page becoming smaller than the wrapper */
	padding: 0; /*padding set to zero */
	text-align: center; /* IE to make sure the layout is centred*/
}
	
#wrapper {
	background-color: #FFF; /*sets the background colour of our wrapper div to white */
	background-image: url(../i/wrapper-background.gif); 
	background-repeat: repeat-y;   /*sets the background image for the wrapper div, this creates the illusion of a column */
	margin: 0 auto;/* sets the wrapper margins to zero */
	padding: 0;/* sets the wrapper padding to zero */
	text-align: left; /* aligns the text to the left, see also the IE hack in the body where we align the text centre */
	width: 740px;/* sets the wrapper width */
	border: 2px solid black;
	min-height: 1124px;
}

#logo {
	height: 60px;/*sets the height of the logo div*/
	background-image: url(../i/topnavback.gif);/*the background image of the logo div*/
}

#leftlogo {
	float: left;                                  /*positions the div to the left*/
	height:  115px;        /* the height of our background image*/
	width: 740px;  /* the width which is also the same as our background image*/
	margin-top: 0px;  
}



#content {
	width: 740px;/* the content div is the same as our wrapper div and inside the content div we have placed the nav div and the contentright div*/
	clear: both; /* this is a clearer ; ensures the content is  placed below the logoleft and logoright divs*/
	font-size: 90%; /*default font size  set to 101% */
}

#content .contentright {
	float: right;
	margin-top: 16px;
	padding: 0 15px 10px 15px;
	text-align: left;
	width: 480px;
	line-height: 120%;
	background-color: White;
	
}

#content .contentright p {
	font-size: 1em;
	margin-bottom: 1em;
}

#content .contentright H1 {
 	color: #B30000;
	font-size: 1.0em;
	margin-top:8px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #9C124E; /*places a solid border under the H1*/
}
#content .contenright H2 {
 	color: #7E0F3E;
	font-size: .95em;
	margin-top:6px;
	margin-bottom: 6px;
	border-bottom: 1px dotted #9C124E;   /*places a solid border under the H2*/
}

#content .contentright .date {
	color: #333333;;
	font-size: 80%;
	font-weight: bold;
}

#content .contentright .title {
	color: #B30000;
	font-size: 80%;
	font-weight: bold;
}
#content .contentright .title a, a:visited {
	text-decoration: none;
	color: #B30000;
}
#content .contentright .title a:hover {
	text-decoration: underline;
}

#content .contentright .titlebig {
	color: #B30000;
	font-size: 95%;
	font-weight: bold;
}
#content .contentright .titlebig a, a:visited {
	color: #B30000;
	text-decoration: none;
}

#content .contentright .titlebig a:hover {
	text-decoration: underline;
}

#content .contentright .body {
	/*color: #B30000;*/
	color: #333333;
	font-size: 80%;
	font-weight: normal;
}
.bblack {
	font-size: .9em;
	font-weight: normal;
	
}
.bred {
	font-size: .9em;
	color: #B30000;
	font-weight: normal;	
}
.bblackb {
	font-size: .9em;
	font-weight: bold;
}
.bredb {
	font-size: .9em;
	color: #B30000;
	font-weight: bold;	
}
#content .contentright .ender {
float:left;
width:478px;
margin-bottom:15px;
	color: #B30000;
	border-bottom: 1px dotted #9C124E;
}
#content .contentright img {
	/*border: 2px solid #B30000;*/
}

.b2px{
	border: 2px solid #B30000;
}
.b0px{
	border: 0px solid #FFFFFF;
}



#nav {
	float: left;
	padding-top: 18px;/*IE hack to ensure our nav lines into position*/
    padd\ing-top: 22px;  /*this and the following position the Nav in accordance with the wrapper background and also creates the appearence of a column*/
	padding-left:10px;  /*sets the right to 10 pixels as to position the nav in accordance with the wrapper background*/
	margin-right: 3px;
	ma\rgin-right: 0;    /*fixes the nav alignment to the bg in IE5.5*/
	width: 192px;   /*ensures the content is  placed below the logoleft divs*/
}


/*styling the right navigation*/
#nav ul {
	border-top: 1px solid White;  /*places a border on the top of the menu box*/
	font-size: 100%;   /*sets the font size for the right nav*/
	margin: 0;
	padding: 0;
	list-style-type: none;/*removes the list style*/
}

#nav ul li{
	border: 1px solid white; /*sets a border*/	
	border-width: 0 1px 1px 1px;/*sets the border width - none at top as we have already declared it on the ul element*/
	margin: 0;/*set the margin to zero*/		
}

#nav ul li a, 
#nav ul li a:visited {
	color: white; /*font colour */
	display: block;   /*display set to block */
	padding: 6px;    /*gives a bit of breathing space to our text from the block */
	text-decoration: none;    /*removes the default underline*/
	background-color: #8C0000;   /*background colour */
	height: 1%;   /* bug fix for IE to create the block hover effect */
}

#nav ul li a.mostaza, 
#nav ul li a.mostaza:visited {
	background-color: #ca9630;   /*background colour */
}

#nav ul li a.mostaza_rss, 
#nav ul li a.mostaza_rss:visited,
#nav ul li a.mostaza_rss:hover,
#nav ul li a.mostaza_rss:active {
	background-color: #ca9630;   /*background colour */
	background-image: url(../img/rss.jpg);
	background-position:5px center;
	background-repeat:no-repeat;
	padding-left: 50px;
}

#nav ul li a.mostaza:hover {
	color: black;   /*hover font colour */
	background-color: #ca9630;    /*hover background colour */
}

#nav ul li a.mostaza:active {
	color: #000;  
	background-color: #ca9630;
}

#nav ul li a.mostaza:focus {
	color: #000;
	text-decoration: none;/*removes the default underline*/
	background-color: #ca9630;/*sets the background colour */
}

#nav ul li a.mostaza, 
#nav ul li a.mostaza:visited {
	background-color: #ca9630;   /*background colour */
}
/******/
#nav ul li a.morado, 
#nav ul li a.morado:visited {
	background-color: #96C;   /*background colour */
	color: #FFF;
}
#nav ul li a.morado:hover,
#nav ul li a.morado:active,
#nav ul li a.morado:focus{
	color: #000;   /*hover font colour */
	background-color: #96C;    /*hover background colour */
}

#nav ul li a:hover{
	color: black;   /*hover font colour */
	background-color: #C7C1B4;    /*hover background colour */
}

#nav ul li a:active {
	color: #000;  
	background-color: #63242F;
}

#nav ul li a:focus {
	color: #000;
	text-decoration: none;/*removes the default underline*/
	background-color: #BF0000;/*sets the background colour */
}
/* lo que nos ha costado encontrar esto */
#nav form {
	width: 0px;
	margin-top: 5px;
}

/* styles the current page navbar color */
#nav ul li a.currentLink {
	background-color: #333333;
	color: white;
}

#nav ul li a.Seccion {
	background-color: #CC0000;
	color: white;
}

#nav .navblock{
	/*border-top: 1px solid White;  /*places a border on the top of the menu box*/
	font-size: 100%;   /*sets the font size for the right nav*/
	border: 1px solid white; /*sets a border*/	
	border-width: 1px 1px 1px 1px;/*sets the border width - none at top as we have already declared it on the ul element*/
	margin: 0;/*set the margin to zero*/
	color: White; /*font colour */
	display: block;   /*display set to block */
	padding: 6px;    /*gives a bit of breathing space to our text from the block */
	text-decoration: none;    /*removes the default underline*/
	background-color: #8C0000;   /*background colour */
	/*height: 142px;   /* bug fix for IE to create the block hover effect */			
}

#nav .navblock select {width:174px;}
#nav .navblock a, 
#nav .navblock a:visited {
	color: White; /*font colour */
	font-weight: bold;
	font-size: 80%;
	/*display: marker;   /*display set to block */
	/*padding: 6px;    /*gives a bit of breathing space to our text from the block */
	text-decoration: none;    /*removes the default underline*/
	/*background-color: #8C0000;   /*background colour */
	height: 1%;   /* bug fix for IE to create the block hover effect */
}

#nav .navblock a:hover {
	color: black;   /*hover font colour */
	/*background-color: #C7C1B4;    /*hover background colour */
}

#nav .navblock a:active {
	color: #000;
	/*text-decoration*/  
	background-color: #63242F;    
}

#nav .navblock a:focus {
	color: #000;
	text-decoration: none;/*removes the default underline*/
/*	background-color: #BF0000;/*sets the background colour */
}

#nav .navtitulo {
	color: White; /*font colour */
	display: block;   /*display set to block */
	border: 1px solid white; /*sets a border*/	
	border-width: 1px 1px 0px 1px;
	font-size: 100%;
	padding: 6px;    /*gives a bit of breathing space to our text from the block */
	text-decoration: none;    /*removes the default underline*/
	background-color: #333333;    
}


#footer {
	color: #800F3F;           /*font colour for the footer div*/
	font-size: 80%;         /* font size*/
	text-align: center;      /*aligns the text centre*/
	width: 500px;           /*width of the footer div*/
	padding: 10px;          
	border-top: 1px dotted black;
	margin-left: 214px;
     
}

h1 {
	font-size: 100%;
}
h2 {
	font-size: 95%;
}


/*link styles*/
a:link{
	color: #B30000;
	text-decoration: none;/*removes the underline*/
}
a:visited{
	color: #B30000;
}
a:hover{
	color: #333;
	text-decoration: underline;
}
a:active{
	color: #333;
}
/* div holding the specialpreview image above the portfolio pics */
#specialpreview {
	background-image: url(../i/specialpreview.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 28px;
	margin-left: 224px;
	float: left;
	padding: 0px;
	clear: both;  /* clears the floated div */
}

/* div that holds the small icons */
#portcon {
	border-top: 1px dotted black;
	background-color: #FFFFFF;
	width:516px;
	margin-top: 10px;
	margin-left: 214px;
	padding-left:6px;
	padding-right: 4px;
	padding-top: 10px;
	height: 72px;
	clear: both;  /* clears the floated div */
}
#portcon a img {
	border: 2px solid #B30000;
}

/* FORM STYLES */
form {
	width: 450px;
	margin-top: 25px;
}

fieldset{
	padding:10px;
	border:1px solid #003366;
	margin-bottom:15px;
	width: 460px;
}

.textarea2{
	background-color:#F0F0FF;
	background-image: none;
	border: 1px solid #006666;
	margin: 4px;
	padding: 6px;
}
/*styles the input fields*/

input,textarea{
	background-color: #F9F9FF;
	border: 1px solid #696A77;
	margin: 4px;
}

label{
	color: White;
	font-weight: bold;
	font-size: 80%;
}
#at16pm label { color: black;}
.addthis_default_style {float: right}
legend{
	padding:10px;            /*gives a bit of padding between the border and the test*/
	color:#000066;
}

.grey{
	color:#333333;
}
.bgrey{
	color:#333333;
	font-weight: bold;	
}

.submitbutton {
	border: 1px solid #003366;
	background-color: #8C0000;
	color: #8C0000;
}
.width200 {width:200px;}
.width300 {width:300px;}
.width350 {width:350px;}

#textarea:focus, input:focus, select:focus {
	background-color: #E6E6E6;
	color: #464545;
}

#fechas_seleccionadas{
	float:left;
	margin: 0px;
	padding: 0px;
}

.par{
	padding: 5px;
	float:left;
}

.impar{
    float:left;
	padding: 5px;
	background-color: #eeeeee;
}
.nav_paginado {
	text-align: center;
	font-size: 11px;
}
.nav_anterior {
	float: left;
	width: 20%;
}
.nav_nro {
	float: left;
	width: 59%;
}
.nav_siguiente {
	float: left;
	width: 20%;
}
.com_nombre {
	font-size: 12px;
	color: #000000;
}
.com_comentario {
	font-size: 11px;
	color: #666666;
}
#fcom ul li {
	background-color: #eeeeee;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted #cccccc;
	list-style-type: none;
}
#flashHeader {
	width: 553px;
	height: 115px;
	overflow: hidden;
}
#banner_menu {
	width: 180px; 
	height: 320px; 
	margin-bottom: 10px;
	margin-left: 5px;
}
/*end of form styles */
.thumb {
float:left;
width:100px;
text-align:center;
}
.noti {
width:370px;
float:right;
}