/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*  


a:link {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #000;
}

a:visited {
	color: #000;
	height: 48px;
	width: 140px;
	float: left;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

#sitebg{
	
	margin: 0 auto;
	width: 1044px;
}

#sitebg2{
	width: 1000px;
	color: #000;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#content{
	width: 1000px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 150;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 60px;
	font-size: 13px;
	color: #000;
}

#main{
	width: 1100px;
	clear:both;
	background: url(images/conbg.gif) repeat-y left;
}

#header {
	height: 241px;
	width: 1000px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(header.jpg);
}

#wel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:italic;
	color:#FFFFFF;
	padding-top: 12px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
}

#logo {
padding-left:53px;
padding-top: 20px;
float:left;
}


#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 12px;
}




#left
{
	width: 500px;
	background-color: #FFF;
}

#left H3
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 24px;
	padding-left: 35px;
	padding-top: 5px;
	color: #000;
	font-style: normal;
}

#left ul {
	list-style: none;
	margin-bottom: 10px;	
	padding-left: 17px;
	padding-top: 15px;
	padding-right: 20px;
}

#left li {
	border: 0px;
	padding-bottom: 10px;
	background:url(images/list_style.gif) no-repeat left top;
	padding-left: 15px;
}

#left ul li a {
	color: #000000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#left ul li a :hover{
	color: #6d0202;
}

.com{
	min-height: 85px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.addcom{
	padding-right: 15px;
	text-align:right;
	padding-top: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.addcom a{
	color: #393939;
	text-decoration:none;
}

#right
{
	float: right;
	width: 500px;
	padding-top: 10px;
}

#righttop{
	background:url(images/righttop.jpg) no-repeat top left;
	height: 402px;
	padding-left: 1px;
	padding-right: 1px;
}


#post{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;	
}

#right H4
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight:normal;
	padding-top: 5px;
	padding-bottom: 10px;
}






#right ul {
	list-style: none;	
}

#right li {	
	border: 0px;
	
}

#right ul li a {
	
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}







p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #ff0000;
	text-decoration: none;
}

p a:hover{
	color: #6d0202;
	text-decoration:underline;
}


#right p {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}

#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	color: #ff0000;
}

.more{
	text-align:right;	
	padding-bottom: 5px;
	padding-right: 10px;
}

.more a{
	text-decoration: none;
}

.more a:hover{
	color: #6d0202;
	text-decoration:underline;
}

#gal{
	margin: 5px;
	background: #3b3b3b;
	width: 672px;
	text-align:center;
	color: #c6a5af;
	height: 150px;
	padding-top: 10px;
}

#gal a{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#gal a:hover{
	color:#ff0000;
	text-decoration:underline;
}

#col1{
	float:left;
	width: 162px;
	margin-left: 5px;
}

#col2{
	float: left;
	width: 162px;
	margin-left: 5px;
}

#col3{
	float: left;
	width: 162px;
	margin-left: 5px;
}

#col4{
	float:left;
	width: 162px;
	margin-left: 5px;
}


#footer {
	height: 100px;
	clear: both;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	text-align: center;
}

#footer p {
	margin: 0;
	font-size: 10px;
	text-align: center;
	color: #ffffff;

}

#footer a {
	color: #ffffff;
}
#sitebg2 #content #main #left .com #noticia {

}
#sitebg2 #content #main #left .com #noticia li #separador {
	clear: both;
}


#content #motivo {
	height: 50px;
	width: 1000px;
	background-image: url(motivo.jpg);
}
#menu {
	height: 62px;
	width: 1000px;
	margin-top: 18px;
	background-color: #900;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	padding-top: 8px;
	margin-bottom: 32px;
}


#nav, 
#nav ul {
	padding:0 0 5px 0;
	margin:0;
	list-style:none;
	background:#900;
	position:relative;
	z-index:200;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 13px;
	color:#FFF;
	background-color: #d6172a;
}
#nav {
	height:25px;
	height: 35px;
	width: 1000px;
	margin-top: 18px;
	margin-bottom: 32px;
	}

#nav li {float:left;}
#nav li li {float:none;
font-family:Arial, Helvetica, sans-serif;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {
	display:block;
	float:left;
	color:#FFF;
	height:25px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
	margin-right: 25px;
	margin-bottom: 10;
	margin-left: 10px;
	padding-top: 8px;
	padding-bottom: 7px;
}


#nav li li a {
	height:20px; 
	line-height:20px; 
	float:none;
	}

#nav li:hover {
	position:relative;
	z-index:300;
	color: #FFF;
background-color:#008622;
}
#nav li:hover ul {
	left:0; top:40px;background-color:#008622;

	}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {
	left:10px;

}

#nav ul {
	position:absolute; left:-9999px; top:-9999px;
	}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {
	width:1px;
	}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left:-15px; margin-left:100%; top:-1px;
	background-color:#008622;
	}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {
	
	color:#FFF;
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{
	text-decoration:underline;
	color:#FFF;

}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{
	text-decoration:none; 
	color:#FFF;
}



#tabla {
	width: 490px;
	background-repeat: no-repeat;
	background-position: left top;
}
#izquierdo {
	float:left;
	width: 315px;
	
}
#derecho {
	float:right;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 170px;
}
#opcion {
	width: 150px;
	height: 55px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
}
#botond {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #333;
	height: 40px;
	width: 170px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#botond a:hover {
	color:#900;
	}
#inferior1 {
	height: 40px;
	width: 242px;
	text-align: center;
	padding-top: 18px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
	float: left;
}
#inferior2 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
	float: left;
	width: 243px;
	padding-top: 18px;
	text-align: center;
	margin-left: 10px;
	height: 43px;
}
#inferior3 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
	text-align: center;
	height: 48px;
	width: 242px;
	margin-left: 10px;
	padding-top: 18px;
	float: left;
}
#inferior4 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #000;
	text-align: center;
	float: left;
	height: 48px;
	width: 243px;
	margin-left: 10px;
	padding-top: 18px;
}