body {
background:url(../graficos/bg.gif);
background-attachment: fixed;
font:80% Arial,sans-serif,Tahoma,Verdana,Trebuchet MS;
margin:0 auto;
padding-top:5px;
}

#total {
background:#fff;
color:#303030;
margin:0 auto;
padding:0;
width:96%;
border: 1px solid #c9c9ff;
}

h2 {
font-size:1.5em;
color:#0000ff;
font-weight:bold;
letter-spacing:-1px;
}

h3 {
color:#0000ff;
font-size:1.3em;
font-weight:bold;
margin:6px 0;
padding:0;
}

h4 {
color:#0000ff;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:0;
}

#cabecera {
background:url(http://www.fontanarousa.es/graficos/cabecera/cabecera.php) no-repeat bottom right #fff;
color:#fff;
height:180px;
margin:0 auto;
padding:0;
}

#cabecera h1 {
margin:0 auto;
padding-right:10px;
float:right;
}

#sombrape {
background:url(../graficos/sombrape.gif) repeat-x;
height:20px;
width:100%;
margin:0 auto;
padding:0;
}

#contenido {
line-height:1.3em;
margin:0;
}

html>body #contenido {
margin:0em 1.2em 1.2em 1em;
}

#contenido ul {
margin : 0;
padding : 5px;
list-style : none;
}

#contenido li {
list-style-image : url(../graficos/li.gif);
line-height : 16px;
margin-left : 26px;
padding-top : 0px;

}

#derecha {
float:right;
padding:0;
width:160px;
margin-left:1em;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#extras {
padding:0px;
width:100%;
border:2px solid;
border-color: #ccc #666 #666 #ccc;
background:url(../graficos/fdextras.gif) repeat-x bottom left #0000ff;
color:#fff;
}

#extras h4 {
margin:0;
background:url(../graficos/fdh4.gif) no-repeat left bottom !important;
font-size:85%;
padding-left:6px;
padding-top:5px;
height: 25px;
color:#fff;
}

#extras p,#extras ul {
margin-top:5px;
font-size:1em;
line-height:1.2em;
padding:0px 8px 0px 8px;
}
#extras li {
list-style:none;
margin:0 0 6px;
padding:0;
}

#extras1 {
padding:0px;
width:100%;
border:2px solid;
border-color: #ccc #666 #666 #ccc;
background:url(../graficos/fdextras1.gif) repeat-x bottom left #6666ff;
color:#fff;
}

#extras1 h4 {
margin:0;
background:url(../graficos/fdh4-1.gif) no-repeat bottom left !important;
font-size:85%;
padding-left:6px;
padding-top:5px;
height: 25px;
color:#fff;
}

#extras1 p,#extras ul {
margin-top:5px;
font-size:1em;
line-height:1.2em;
padding:0px 8px 0px 8px;
}

#extras1 li {
list-style:none;
margin:0 0 6px;
padding:0;
}


#galeria {
margin-left:1em;
}

.sombra {
float:left;
margin:0px 10px 10px 0px;
padding:0 5px 5px 0; 
background: url(../graficos/sombra.gif) no-repeat bottom right; 
} 

.sombra img {
display:block;
position:relative;
top: -3px; 
left:-3px;
padding:5px;
background: #fff;
border: 1px solid;
border-color: #ccc #666 #666 #ccc;
}

.sombrad {
float:right;
margin:0px 0px 10px 15px;
padding:0 5px 5px 0; 
background: url(../graficos/sombra.gif) no-repeat bottom right; 
} 

.sombrad img {
display:block;
position:relative;
top: -3px; 
left:-3px;
padding:5px;
background: #fff;
border: 1px solid;
border-color: #ccc #666 #666 #ccc;
}

#pie {
background:#6666ff;
border-top:1px solid #c9c9ff;
clear:both;
color:#fff;
font-size:75%;
margin:0 auto;
padding:0;
text-align:center;
width:100%;
}
#pie p {
margin:0;
padding:1px 10px 1px 10px;
}
#pie a {
background:inherit;
color:#e8e8e8;
font-weight:400;
text-decoration:underline;
}
#pie a:hover {
background:#fff;
color:#6666ff;
}


a {
background:inherit;
color:#6666ff;
text-decoration:underline;
}

a:hover {
color:#0000ff;
}

a img {
border:0;
}

.imgiz {
margin-right:10px;
float:left;
}

.imgat {
text-align:center;
margin-bottom:5px;
padding:0;
border-color:#0000ff;
border:dotted 1px;
}

.imgpi {
text-align:center;
margin-bottom:5px;
padding:0;
}


blockquote {
background:url(../graficos/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
color:#505050;
margin:0;
padding:7px 7px 7px 11px;

}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

legend {
	color: #0000ff;
	font-size:1.3em;
}

fieldset {
	border: 1px solid #0000ff;
	padding: 0.5em;
}

form, table {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.button {
	padding: 0em 0.5em 0em 0.5em;
	width:120px;
	text-align:center;
	background-color: #6666ff;
	color: #fff;
	font-weight:600;

}

label {
margin:2px;
}

input {

	border:1px solid #0000ff;
	margin-left:0.2em;
	width: 120px;
	background:url(../graficos/fdextras11.gif) repeat-x bottom left #6666ff;
	color:#fff;
	font:90% Arial,sans-serif,Tahoma,Verdana,Trebuchet MS;
}

textarea {
	width:410px;
	border:1px solid #0000ff;
	background:url(../graficos/fdextras1.gif) repeat-x bottom left #6666ff;
	color:#fff;
	font:100% Arial,sans-serif,Tahoma,Verdana,Trebuchet MS;
}
/* Various classes */
.noticias h2 {
color:#0000ff;
margin:0 0 10px;
padding:0;
}
.textodcha {
margin:-10px 0 4px;
text-align:right;
}
.textodchaneg {
margin:-10px 0 4px;
text-align:right;
color:#0000ff;
	font-weight:700;
}
.centrado {
text-align:center;
margin:0 auto;
display:table;
}
.justi {
text-align:justify;
}
.pequeno {
font-size:0.8em;
}
.grande {
font-size:1.3em;
}
.destacado {
background:#0000ff;
color:#ffffff;
text-transform:uppercase;
font-weight:bold;
padding:0px 5px 0px 5px;
}

.izda {
float:left;
margin:10px 10px 5px 0;
}

.dcha {
float:right;
margin:10px 0 5px 10px;
}

#menu {width:100%; height:0px;}

.menu2 {padding:0 0 0 30px; margin:0; list-style:none; height:36px; position:relative; z-index:500;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; color:#e0e0e0; text-decoration:none; }

.menu2 li a.top_link span {display:block; height:36px; float:left; line-height:33px; font-size:11px; font-weight:bold; padding:0 10px; cursor:pointer; background: url(../graficos/menu/tab_off.png) no-repeat;}
.menu2 li a.top_link b {display:block; width:20px; height:36px; float:left; background: url(../graficos/menu/tabb_off.png) no-repeat;}
.menu2 li a.top_link b.down {background: url(../graficos/menu/tabdown_off.png) no-repeat;}

.menu2 li a.top_link:hover span {color:#fff; background: url(../graficos/menu/tab.png) no-repeat; line-height:26px;}
.menu2 li a.top_link:hover b {color:#fff; background: url(tabb_on.png) no-repeat;}

.menu2 li:hover > a.top_link span {color:#fff; line-height:33px; background: url(../graficos/menu/tab.png) no-repeat;}
.menu2 li:hover > a.top_link b {color:#fff; background: url(../graficos/menu/tabb_on.png) no-repeat;}
.menu2 li:hover > a.top_link b.down {color:#fff; background: url(../graficos/menu/tabdown_on.png) no-repeat;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:32px; white-space:nowrap; width:172px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; float:left; width:172px; font-weight:700; background: url(../graficos/menu/submid.png);}
.menu2 :hover ul.sub li.fly {background: url(../graficos/menu/submid_r.png);}

.menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:20px; width:172px; line-height:28px; text-indent:10px; color:#e0e0e0; text-decoration:none;background:url(../graficos/menu/trans.gif);}
.menu2 :hover ul.sub li a:hover {color:#fff;}

.menu2 :hover ul.sub :hover > a {color:#fff;}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:120px; top:0; white-space:nowrap; width:172px; z-index:400; height:auto;}

.menu2 :hover ul.sub li.subtop,
.menu2 :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul li.subtop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subtop
{background:url(../graficos/menu/subtop.png);}

.menu2 :hover ul.sub li.flytop,
.menu2 :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul li.flytop,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flytop
{background: url(../graficos/menu/subtop_r.png);}

.menu2 :hover ul.sub li.subbot,
.menu2 :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul li.subbot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.subbot
{height:30px; background:url(../graficos/menu/subbottom.png);}

.menu2 :hover ul.sub li.flybot,
.menu2 :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul li.flybot,
.menu2 :hover ul :hover ul :hover ul :hover ul li.flybot
{height:30px; background: url(../graficos/menu/subbottom_r.png);}