/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(media/menug_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(media/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(media/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}

#logo {
	padding: 10px;
}
#tophed{
height: 105px; /*Height of top section*/
background-color: #FFFFFF;
clear:both;
}
#cabecera_left {
	padding: 10px;
	float: left;
	width: 180px;
	height: 70px;
	background-color: #FFFFFF;	/*margin-left: 10px; Set left margin to -(RightColumnWidth)*/
}

#cabecera_midle {
	font-size: 10px; 

	padding: 10px;
	float: left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;

}
#cabecera_midle a {
color: #128fa3;
}
#closses {
font-size: 10px; 
color:#99BC3D;
}

#cabecera {
	padding: 10px;
	float: right;
	width: 700px;
	background-color: #FFFFFF;	/*margin-left: 200px; Set left margin to -(RightColumnWidth)*/ 
	
}
#cabecera .cabecera_right {
	padding: 10px;
	float: left;
	background-color: #FFFFFF;	/*margin-left: 200px; Set left margin to -(RightColumnWidth)*/ 
	
}
#cabecera .cabecera_iz {
	padding: 0px;
	float: left; 
	
	
}
/*menu*/


.arrowlistmenu{
width: 270px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
/*background: black url(media/titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	font-family: Arial, Helvetica, sans-serif;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;

font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
}

/*footer stile menu*/
#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 5px solid #a2c445;/*Brown color theme*/  
background-color:#000000; 
voice-family:  "\"}\"";
voice-family: inherit;
height:60px;

}

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

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid black;
}

#modernbricksmenu2 a:hover{
background-color: #a2c445; /*Brown color theme*/ 
color: white;
border-top: 1px solid #a2c445;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
background-color: #a2c445; /*Brown color theme*/ 
color: white;
border-color: #a2c445; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}
 /* Formulario */ 
 
 .cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999900;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}