/************************ CSS Montse Bosch ***************************************
www.montsebosch.com
diseño y programación: 2creativo.net
- enero 2007 - 
**********************************************************************************/




html {margin:0; padding:0; width:100%; height:100%; }

body {
	font:0.9em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans",Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-bottom: 30px;
	color : #000;
	background: #99CCCC url("http://2creativo.net/1/montse/fondo/rotate.php") top center no-repeat scroll ;
}



/************************ estructura  ********************************/

#container {
	color: #000;
	width: 750px; height:auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	display: block;
}


#bodytext {
	background:url(files/transparencia.png);  
	padding-left : 25px;
	padding-right : 25px;
	text-align : left;
	color: #000;
	padding-top : 0px;
	padding-bottom : 15px;
	margin-bottom: 0;
	display: block;
	border-top: 2px solid #99cc33 ;
	border-bottom: 2px solid #99cc33 ;
	border-right: 12px solid #99cc33 ;
	border-left: 12px solid #99cc33 ;
}


/************************ estilos  ********************************/

h1 {font-size:1.3em; font-weight:bold;}

h1 a:link {color:#000000; text-decoration:none; padding: 0 5px;}
h1 a:visited {color:#000000; text-decoration:none;}
h1 a:hover {color:#FFFFFF; background: #99cc33; text-decoration:none;}



.cursiva {font-style:italic; }
.negrita {font-weight:bold;}
.aviso {color: #006600; /* #66CC00; */ padding: 0 0.2em 1em 0.2em; border-bottom:#666666 1px solid;}
.cita {color: #333333;}
.float_l { float: left  ; margin: 0 10px 5px;}
.float_r { float: right; margin: 0 10px 5px;}
.float_c { text-align:center;}
.carg {background: transparent url(files/loading2.gif) no-repeat center; } 

img {border:0px; }

a:link {color:#006600; text-decoration: underline;}
a:visited {color:#006600; text-decoration:none;}
a:hover {color: #000000; background: #99CC00; text-decoration:none;}


.br {display:block; clear: both;}



/************************ menu pestañas *****************************/

.shadetabs{
padding: 0;
margin-top: 7px;
font-weight:bold;
font-size:1em;
list-style-type: none;
text-align: center; 
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs ul{
margin: 0 0 3px 0;
padding: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 4px;
border: 2px solid #99cc33 ;
color: #000;
background: #FFFFFF url(files/shade2.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #000;
}


.shadetabs li a.active:link, 
.shadetabs li a.active:visited, 
.shadetabs li a:hover {
	border-top: 5px solid #99cc33 ;
	background: #FFFFFF url(files/shade.gif) top left repeat-x;
	color: #006600 ;
	}

.shadetabs li.selected{
position: relative;
top: 0px;
}

.shadetabs li.selected a{ 
background-image: none;
border-top: 5px solid #99cc33 ;
border-bottom-color: #FFFFFF; 
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none; 
	background-image: none;
}





/************************ footer ***********************************/

#footer {
color: #333333;
text-align:right; 
font-size: x-small;
width: 732px;
}

.footer {color:#333333; text-decoration: none; } 
.footer a:link {color: #333333; text-decoration:none; padding:0 3px 0 3px;}
.footer a:visited {color:#333333; text-decoration:none; padding:0 3px 0 3px;}
.footer a:hover {color: #333333; background: #FFF; text-decoration:none; padding:0 3px 0 3px;}

.footer li {display:inline}



/************************ galeria **********************************/

.fotos{
   width: 100% ;
   margin: 3px auto;
   text-align: left;
}

.thumbs ul{
	margin: 0;
	padding: 0 ;
}
.thumbs li{
	list-style: none;
	display: inline;
	margin: 5px -4px 0 4px; 
}
.thumbs li a {
	border: none;  
	text-decoration:none;
}
.thumbs li a:hover {
background: #e8e8e8; text-decoration:none;
}







/************************ acordeon ********************************/

dl.accordion{margin:0;padding:0;overflow:hidden;}


dl.accordion dt{
	cursor:pointer; 
	display:block;
	margin:5px 0 0 0;
	padding:5px 20px;
	line-height: 15px;
	background:#99cc33 url(files/_top_.gif) 2px 3px no-repeat;
	color:white;
	border:solid 2px #006600;
	font-weight: bold; font-stretch: wider;
}

dl.accordion dt.hover {	color:#339900;  background:#fff 	url(files/_top.gif) 2px 3px no-repeat;}
dl.accordion dt.collapsing {			background:#99B3B3  url(files/_top.gif) 2px 3px no-repeat;}
dl.accordion dt.expanding  { color:#000000;			background:#99B3B3  url(files/_top.gif) 2px 3px no-repeat;}
dl.accordion dd{
	margin:0; padding:0;
	border-left:solid 2px #006600; 
	border-right:solid 2px #006600; 
	border-bottom:solid 2px #006600; 
	padding:6px;
	line-height:1.5;
	overflow:auto;
	background:#FFFFFF}

dl.accordion dd.default {height:auto; display:block;}
dl.accordion dd.default_close {display:none;}