* {

padding: 0 0 0 0;

margin: 0 0 0 0;

} 

p {padding: 0 0 10px 0}

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}





body {

background: #fff;

font-family: Verdana, sans-serif;

font-size: 12px;

line-height: 18px;

color: #000;

}



img { border: none; }

a { color: #000000; text-decoration: underline; color:#00F }

a:hover {

text-decoration: underline;

color:#00F;

}

li a {color:black;}


#wrap {

text-align:left;

margin: 0px auto; 

width: 800px;

}



#HeaderComun {

width: 800px;

height: 214px;

background-color: #ffffff;

text-align: right;

}



#header { 

padding: 0px 0px 0px 0px;

}



#header h1 {

font-size: 26px;

font-weight: 100;

letter-spacing: -3px;

}



#header h1 a {

color: #57626a;

text-decoration: none;

}

#header h1 a:hover {

color: #57626a;

text-decoration: none;

}

#header h2 {

color: #ccc;

font-size: 15px;

font-weight: 100;

letter-spacing: -1px;

line-height: 12px;

}



#ObjFlash{

margin: none;

border: none;

z-index: 200

}



.imgBlog{

width:150px;

}

.IMGPhoto {

width:130px;

height:110px;

cursor: pointer;

}



#ModIMG{

vertical-align: middle;

text-align: center;

z-index:450;

width: 100%;

height: 100%;

background-repeat: no-repeat;

background-position: center center; 

}



#ModIMG table{

width:100%;

height:100%;

}



#ModIMG table td{

width:100%;

height:100%;

text-align:center;

}



#ModIMG table td img{

border: solid 10px #ffffff;

margin: auto auto;

cursor: pointer;

}



#ModIMG table td a{

margin-right: 10px;

cursor: pointer;

}



#ModIMG table td div{

background-color:#ffffff;

width: 320px;

margin: auto auto;

text-align:right;

}





.ContentTC {

/* margin-top: 4px;*/

float: none; 

/*display: inline; */

width:800px; 

/*overflow: hidden; */

}



h3 {

color: #000000;

font-size: 15px;

font-weight: 100;

letter-spacing: -1px;

}



#content {

margin: 0px;

text-align: left;

padding: 0px 0px 0px 0px;

}



#ContentTC {

background-position: left center;

background-image: url(web/barrita_gris.png);

background-repeat: repeat-y;

float: none; 

display: inline-block;

width: 800px;

overflow:hidden;

}



.block {

background-color:#ffffff;

margin-top: 8px;

text-align: left;

color: #f5821f;

}



.APLink {

color: #f5821f;

}	



.meta {

border-bottom: solid 0px #FF9;

}



.loader{

/* background:#CCC;

border-top:solid #CCC thick; */

}



.left {

float: left;

width: 216px;

padding: 0px 5px 5px 5px;

font-size: 12px;

height: 100%;

}

.left ul {

list-style-type: square;

padding: 5px 10px 10px 20px;

color: #57626a;

}

.left h2 {

height: 30px;

font-size: 13px;

color: #000000;

line-height: 30px;

font-weight: bold;

padding-left:10px;}



.left a {

text-decoration: none;

font-size: 11px;}



.right {

line-height: 15px;

height:auto; 

margin-left: 15px;

width: 385px;

float: left;

text-align: left;

font-size: 11px;

padding: 0px 15px 0px 0px;

border-right: solid 1px #d7d7df;

}



.right h2 {

line-height: 25px;

color: #f5821f;

font-size: 18px;

font-family: verdana;

font-weight: bold;

padding : 10px 0 10px 0;}



.right h3 {

color: #75c045;}



.right li {

list-style-image: url('web/circulito.png');

padding-left: 5px;

font-weight: normal;

}





.right ul li a{

background-color: Transparent;

color: #0000ff; /* #316ac5; /*#2F2D5B;*/

text-decoration: underline;

}

.right ul li a:hover{

background-color: #75c045;/* #0000ff; /*#2F2D5B;*/

color: #ffffff;

text-decoration: underline;

}





.right ul {

padding-left: 20px;

}



.left li {

list-style-image: url('web/circulito.png');

}



.TercerCol {

text-align:left; 

float: right; 

width: 150px; 

padding: 10px 0px 0px 5px; 

font-size: 10px; 

line-height: 12px; 

/* margin-left: 5px;*/

}



.TresColTaco {

width: 100%;

background-color: #ffffff;

border-bottom: solid 1px #74c045;

font-size: 12px;

border-top: solid 2px #ffffff;

border-left: solid 2px #ffffff;

border-right: solid 2px #ffffff;

}



.TresColTaco:hover {

background-color: #dcdcdc;

border-bottom: solid 1px #74c045;

border-top: solid 2px #dcdcdc;

border-left: solid 2px #dcdcdc;

border-right: solid 2px #dcdcdc;

}



.LinkLateral{

font-size: 10px;

text-decoration: none;

color: #75c045; /* #000000; */

font-family: Verdana;

font-weight:bold ;

}



.LinkLateral:hover{

font-size: 10px;

text-decoration: none;

color: #75c045; /* #000000; */

font-family: Verdana;

font-weight:bold ;

}



.StandardIMG {

width: 130px;

height: 110px;

border: solid 0px #ffffff;

}



.FondoNegrito {

position:fixed;

top:0px;

right:0px;

width:0px; 

height:0px; 

background-image: none; 

z-index: 400;

text-align: center;

overflow: hidden; 

}



.FondoNegritoActivo {

position: fixed;

top: 0px;

right: 0px;

width: 100%; 

height: 100%; 

background-image: url(web/overlay.png); 

background-repeat: repeat;

z-index: 400;

text-align: center;

}



.TamNormal {

width:130px; 

height:110px; 

border: solid 0px #ffffff;

background-repeat: no-repeat;

background-position: right center;

cursor: pointer;

}



.TamExpandido {

position: fixed;

z-index: 500;

overflow: hidden; 

width: 100%;

height: 100%;

border: solid 5px #dcdcdc;

background-repeat: no-repeat;

background-position: center center; 

}



.LinkAzul{

background-color: Transparent;

color: #0000ff; /* #316ac5; /*#2F2D5B;*/

text-decoration: underline;

}

.LinkAzul:hover{

background-color: #75c045;/* #0000ff; /*#2F2D5B;*/

color: #ffffff;

text-decoration: underline;

}





#footer {

background: #eee;

border-top: 3px solid #57626a;

/*margin-top: 20px;*/

text-align: center;

color: #333;

font-size: 11px;

}



#menu {

height: 22px;

width: 100%;

background:none;

background-color: #ffffff;

}



#menu ul {

list-style: none;

margin: 0;

/*margin-bottom: 5px;*/

padding: 1px;

width: 8.9em;

float: left;

width: 14%;

text-align: center;

}



#menu a, #menu h2 {

font:10px Verdana, sans-serif;

display: block;

border-width: 1px;

border-style: solid;

border-color: #ccc #888 #555 #bbb;

margin: 0;

padding: 2px 3px;

}



#menu h2 {

color:#fff;

background: #75c045;

text-align: center;

}



/*#menu ul {

 width: 14%;

 text-align: center;

}*/



#menu a {

color:#fff;

background:#75c045;

text-decoration: none;

}



div#menu h2:hover,

div#menu a:hover {

color:#fff;

background:#b3d44c;

}



#menu li {position: relative; list-style: none;}



#menu ul ul {

position: absolute;

z-index: 500;

width: 100%;

text-align:left;

}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

width: 100%;

text-align:left;

}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



/*#menu h2:hover {

background-color:#b3d44c;

}*/



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block; list-style-type: none; background-color:#75c045;}



.UlNoView{

 display: none;

 }



.UlSiView{

 display: block;

 list-style-type: none;

 background-color:#75c045;

 }

</style>

<!--[if IE]>

<style type="text/css" media="screen">

 

#menu ul li {float: left; width: 100%;}

</style>

<![endif]-->

<!--[if lt IE 7]>

<style type="text/css" media="screen">

body {

behavior: url(csshover.htc);

font-size: 100%;

}



#menu ul li a {height: 1%;} 



#menu a, #menu h2 {

font: 10pt verdana, sans-serif;

font-weight: none;

}

</style>