/*  
Theme Name: Metalu
Theme URI: http://cmabalear.com/
Description: Theme desarrollado para CMABalear por <a href="http://conmiweb.com/">CONMIWEB.com</a>.
Version: 1.6
Author: Miguel Abril
Author URI: http://conmiweb.com/
*/

* {
	margin:0; padding:0;
}

body{
	background:url(images/fondo.png) repeat;
	text-align:center;
}

a:hover{text-decoration:none;}

img { border:0px;}

.dt { display:table; width:100%;}

.dr { display:table-row; width:100%; height:100%;}

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; float:left;}

.main_text, input, textarea, body, select, font
	{
		font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; 
		font-size:15px;
		line-height:19px;
		color:#384245;
	}
	
.m1_text { color:#595F66;}

.m1_text font { color:#259AC3; font-size:13px;}
	
input, select, textarea { vertical-align:middle;}

a {color:#326EA1;}

ul {/* list-style:none;*/ padding-left: 30px;}}

ol { padding-left: 30px;}

li a { color:#326EA1; line-height:22px;}

.main_bord { background:#CDCFD0; border:2px #E8E9EA solid; width:766px; height:100%; margin:auto; border-top:0px; border-bottom:0px;}

.main { width:766px; background:#FFFFFF;}

.header { height:257px; background:url(images/fl.jpg) no-repeat;}
.header .col1 { width:230px;}
.header .col2 { width:536px;}

.footer { height:89px; background:url(images/b-dr.gif) repeat-x top #CDCFD0; color:#6A6F79;}
.footer a { color:#6A6F79; text-decoration:none;}
.footer a:hover { text-decoration:underline;}
.footer span a { text-decoration:underline;}
.footer span a:hover { text-decoration:none;}
.footer .dc { text-align:center;}

.m1 { background:#5F8399; color:#E6E6E6;}
.m1 a { color:#E6E6E6;}
.m1 .h_l { background:url(images/1-h-l.gif) repeat-x; height:3px;}
.m1 li a { color:#E6E6E6; line-height:22px;}
.m1 .link { background: url(images/1-bul.gif) no-repeat right; padding-right:16px; color:#E6E6E6; font-size:11px; font-weight:bold; text-decoration:none;}
.m1 .link:hover { text-decoration:underline;}
.m1 .head1 { background:url(images/1-bul1.gif) no-repeat left; padding-left:26px; color:#FFFFFF;}

.m2 { background:url(images/m1-t-dr.gif) repeat-x top #E6E6E6; color:#384245;}
.m2_b { background:url(images/b-dr.gif) repeat-x bottom; padding:22px 45px 18px 30px;}
.m2 .head1 { background:url(images/bul1.gif) no-repeat left; padding-left:33px;}

.m1_comp { color:#E3FAFF; font-size:13px; height:98px;}
.m1_comp a {color:#E3FAFF;}
.input1 { border-color:#4A6170; border-width:1px; padding-left:5px;}
.m2_comp { height:71px; background:#84A0B1;}
 
.head1 { background:url(images/bul2.gif) no-repeat left; padding:6px 3px 4px 25px; color:#22262B; font-size:20px; font-weight:bold;}

.head2 { background:url(images/bul3.gif) no-repeat left; padding:6px 3px 4px 31px; color:#22262B; font-size:20px; font-weight:bold;}

.dc h2 {
	margin: 10px 0 15px;
	padding: 0;
	}

.h_l { background:#CDCFD0; height:1px;}
.h_l1 { background:url(images/h-l.gif) repeat-x; height:3px;}
.link { background: url(images/bul.gif) no-repeat right; padding-right:16px; color:#259AC3; font-size:11px; font-weight:bold; text-decoration:none; margin-right:11px;}
.link:hover { text-decoration:underline;}

.link1 { color:#326EA1; text-decoration:none; background:url(images/h-l1.gif) repeat-x bottom;}
.link1:hover { background:none;}

.form {height:23px; margin-top:-3px; margin-bottom:15px;}
.form input {width:216px; height:21px; border-color:#9DA2A5; border-bottom-width:1px; border-right-width:1px; background-color:#ffffff; padding-left:5px}

textarea {width:216px; height:237px; border-color:#9DA2A5; border-bottom-width:1px; border-right-width:1px; background-color:#ffffff; padding-left:5px; overflow:hidden; margin-top:-3px;}

.priv_bg { background:url(images/5-t-dr.gif) repeat-x top;}

.priv_bg .head1 {background:url(images/5-bul.gif) no-repeat left; padding-left:32px;}
#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width: 208px;
	text-align: left;
	float:left;
	}
	#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}
	#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

#sidebar form {
	margin: 0;
	}
	
///MENUUUUUU


 /* This styles the unordered list element to remove bullets and align the text */
 ul#nav {
   list-style-type : none;
   text-align : right;
 }

 /*
  This styles the links. ItÕs a block-level link and the text is positioned
  with padding. Other styles are defined: width, colors, text attributes, etc.
 */
 ul#nav a, ul#nav a.rss {
   background-color : #43474d;
   padding : 2px 5px 2px 2px;
   margin-bottom : 5px;
   width : 170px;
   height : auto;
   color : #aaaaaa;
   font-weight : bold;
   font-style: normal;
   display : block;
   text-decoration : none;
   font-size: small;
   	border: 1px solid #ccc;
 }

 /* This gives the ÒrssÓ class link a background image */
 ul#nav a.rss {
   background : #43474d url(images/rss.jpg) no-repeat 2px 2px;
 }

 /* This is only necessary for IE6 else the link margins will collapse on hover */
 ul#nav li {
   margin-bottom : 10px;
 }

 /* This removes the default left margin (indentation) */
 ul#nav li {
   margin-left : 0;
 }

 /*
  Now to offer some hover and focus styles. Further specification of focus/active styles
  could be added but I didnÕt do it in this example. I didnÕt feel it was needed
 */
 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {
   background-color : #eb4743;
   color : #fff;
 }

 /* This offers up a hover/focus state image for the ÒrssÓ class link */
 ul#nav a.rss:hover, ul#nav a.rss:focus {
   background : #669900 url(images/rss_on.jpg) no-repeat 2px 2px;
 }

 /*
  This style the single state of the Òcurrent_page_itemÓ class link. Not needed for
  the ÒrssÓ class link since that target page wonÕt display the menu
 */
 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,
 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {
   background-color : #292e35;
   color : #fff;
   cursor : default;
   text-align : left;
 }


////// FIN MENU

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width:150px
}

ul#menu li {
	position: relative;
	width:168px;
	border: 1px solid #ccc;
}
/* keep folowing styles together..........................*/
* html ul ul {
	margin-left:-16px;/* ie5 fix */
	voice-family: "\"}\""; 
	voice-family: inherit;
}	
* html ul li {float:left;/* hide float from ie5*/}
* html ul ul {
	width:148px;	
	voice-family: "\"}\""; 
	voice-family: inherit;	
}
* html ul ul {margin-left:0;/* hide margin from ie5*/}

/* keep above styles together .............*/

li ul {
	display:none;
	background:#ffffcc
}
li ul li{border:none;}
/* Styles for Menu Items */
ul#menu li a {
	display:block;
	text-decoration: none;
	color: #aaaaaa;
	background: #43474d ; 
	line-height:2em;
	height:2em;	
	padding:0 5px
}
/* this sets all hovered lists to red */
li:hover a, li.over a,
li:hover li a:hover, li.over li a:hover {
   color: #fff;
   background-color: red;
}

/* set dropdown to default */
li:hover li a, li.over li a {
    color: #777;
   background-color: #fff;
}
li ul li a {  } /* Sub Menu Styles */
li:hover ul, li.over ul { 	display:block  } /* The magic */

input#s{
     border:1px solid #ccc;
     padding:5px;
}

input#s:focus{
     border:1px solid #38C;
}