body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/azul/background.jpg);
	background-color:#225da5;
	background-repeat:repeat-x;
	color: #000000;
}
img, div { behavior: url(iepngfix.htc); }
#bannertop{
width:912px;
margin:0px auto;
height:auto;
margin-bottom:5px;
margin-top:10px;
}
#header{
width:912px;
height:140px;
background-image:url(../images/azul/top.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin: 0px auto;
}
#botizq{
width:321px;
height:140px;
float:left;
}
#txtizq{
width:321px;
height:50px;
margin-top:60px;
}
/*BOTONES QUIENES SOMOS\*/
#tabs1 {
      width:321px;
      height :20px;
	  margin-top:15px;
      }
    #tabs1 ul {
	  margin:0;
	  padding:0px;
	  }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
	  text-align:center;
      }
    #tabs1 a {
      float:left;
	  border-right-color:#FFFFFF;
	  border-right-style:groove;
	  border-right-width:1px;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
	  margin-right:10px;
      padding:5px 0px 0px 1px;
	  list-style:none;
	  font-family:Comic Sans MS,Arial, Helvetica, sans-serif;
      color:#FFFFFF;
	  font-size:14px;
	  font-weight:bold;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#CCCCCC;
	  text-decoration:underline;
      }
    #tabs1 a:hover {
      text-decoration:underline;
	   color:#CCCCCC;
      }
    #tabs1 a:hover span {
     text-decoration:underline;
	  color:#CCCCCC;
      }
/*Termina BOTONOES QUIENES SOMOS\*/
#sugtxt{
margin-top:5px;
padding-left:10px;
width:311px;
height:20px;
font-family:Comic Sans MS,Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
}
#sugtxt a{
color:#FFFFFF;
text-decoration:underline;
}
#logo{
background-image:url(../images/azul/generacion21.png);
width:391px;
height:131px;
float:left;
}
#skin{
width:170px;
height:45px;
margin-top:65px;
margin-bottom:30px;
margin-left:30px;
float:left;
}
#g21{
width:912px;
background-image:url(../images/azul/g21.jpg);
height:232px;
margin: 0px auto;
}
#contall{
width:912px;
min-height:auto;
margin: 0px auto;
padding-top:10px;
padding-bottom:30px;
margin-bottom:50px;
background-color:#FFFFFF;
}
#contnoti{
width:912px;
height:270px;
}
/*COMIENZA*/
#espacio{
margin-top:15px;
}
.contentslide{
width: 398px;
height: 224px;
background-image:url(../images/back-noticias.gif);
}
.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.contentslide .contentdiv{
display: none;
padding-top:20px;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}
.pagination{
width: 375px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
margin-top:0px;
text-align: right;
}
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 375px; /*IE5 width*/
}
.pagination a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding: 0 10px;
padding-top:4px;
text-decoration: none; 
color: #FFFFFF;
background-color: #000000;
}
.pagination a:hover, .pagination a.selected{
color: #000000;
background-color: #CCCCCC;
}
.titulares{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
text-decoration:none;
}
/*TERMINA*/
#menu{
width:130px;
height:270px;
margin-left:15px;
float:left;
}
#menuintro{
width:130px;
height:270px;
margin-left:15px;
}
#apDiv1 {
	background-image:url(../images/azul/noticias.png);
	background-position:bottom;
	background-repeat:no-repeat;
	position:absolute;
	left:auto;
	top:455px;
	width:320px;
	height:87px;
	z-index:1;
}
#noticias{
width:400px;
height:270px;
margin-left:20px;
float:left;
}
#bannernoticias{
width:300px;
height:250px;
margin-left:20px;
float:left;
}
#menuflash{
width:912px;
height:148px;
margin-top:5px;
}
#contbot{
width:912px;
height:auto;
margin-top:15px;
overflow:hidden;
}
#izqcolum{
width:160px;
height:auto;
margin-left:11px;
float:left;
}
#subeybaja{
width:160px;
height:160px;
margin-bottom:20px;
}
#especiales{
width:160px;
height:623px;
background-image:url(../images/azul/especiales.gif);
background-repeat:no-repeat;
margin-bottom:20px;
}
#cencolum{
width:720px;
margin-left:10px;
float:left;
}
#contuno{
width:720px;
height:213px;
}
#revista{
width:145px;
height:173px;
background-image:url(../images/azul/revista.jpg);
background-repeat:no-repeat;
padding-top:40px;
padding-left:15px;
padding-right:15px;
float:left;
}
#contenidoder{
width:530px;
height:213px;
margin-left:9px;
float:left;
}
#bannercont{
width:530px;
height:60px;
margin-bottom:10px;
}
#userencu{
width:530px;
height:143px;
}
#user{
width:248px;
height:139px;
background-image:url(../images/azul/user.gif);
margin-bottom:4px;
margin-right:10px;
float:left;
}
.user{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
}
#encuesta{
width:248px;
height:139px;
background-image:url(../images/azul/encuesta.jpg);
margin-bottom:4px;
float:left;
}
.encuest{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
#contdos{
width:720px;
height:260px;
margin-top:10px;
}
.tuvoztxt1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#CC0000;
}
#tuvoz{
width:334px;
height:260px;
margin-right:9px;
float:left;
}
#tuvozintro{
width:200px;
height:170px;
padding-left:100px;
padding-right:25px;
margin-top:20px;
margin-bottom:20px;
overflow:scroll;
overflow:auto;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#CCCCCC;
scrollbar-darkshadow-color:#CCCCCC;
scrollbar-face-color:#CC0000;
scrollbar-highlight-color:#CCCCCC;
scrollbar-shadow-color:#CCCCCC;
SCROLLBAR-TRACK-COLOR: #CCCCCC;
}
.tuvoztxt{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
#grafiti{
width:344px;
height:227px;
float:left;
background-image:url(../images/azul/wall-gena.jpg);
}
#apDiv2 {
	background-position:bottom;
	background-repeat:no-repeat;
	left:auto;
	top:1155px;
	margin-left:83px;
	margin-top:18px;
	width:214px;
	height:161px;
	z-index:1;
}
#conttres{
width:720px;
height:520px;
margin-top:10px;
}
#contart1{
width:353px;
height:167px;
margin-right:5px;
float:left;
}
#art1{
width:272px;
height:145px;
background-image:url(../images/azul/fon-not.png);
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
float:left;
}
#tit1{
width:55px;
height:165px;
background-image:url(../images/azul/musica.png);
float:left;
}
#contart2{
width:353px;
height:167px;
float:left;
}
#art2{
width:272px;
height:145px;
background-image:url(../images/azul/fon-not.png);
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
float:left;
}
#tit2{
width:55px;
height:165px;
background-image:url(../images/azul/farandula.png);
float:left;
}
#contart3{
width:353px;
height:167px;
margin-right:5px;
float:left;
}
#art3{
width:272px;
height:145px;
background-image:url(../images/azul/fon-not.png);
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
float:left;
}
#tit3{
width:55px;
height:165px;
background-image:url(../images/azul/reportaje.png);
float:left;
}
#contart4{
width:353px;
height:167px;
float:left;
}
#art4{
width:272px;
height:145px;
background-image:url(../images/azul/fon-not.png);
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
float:left;
}
#tit4{
width:55px;
height:165px;
background-image:url(../images/azul/cine.png);
float:left;
}
#art5{
width:272px;
height:145px;
background-image:url(../images/azul/fon-not.png);
padding-left:15px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
float:left;
}
#tit5{
width:55px;
height:165px;
background-image:url(../images/azul/noticias-n.png);
float:left;
}
#contart5{
width:353px;
height:167px;
margin-right:5px;
float:left;
}
#contart6{
width:353px;
height:167px;
float:left;
}
.titNot{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
.subtitNot{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
/*INTERNAS\*/
#revistain{
width:130px;
height:180px;
background-image:url(../images/revistain.jpg);
background-repeat:no-repeat;
padding-top:20px;
padding-left:15px;
padding-right:15px;
margin-bottom:10px;
}
#contIntro{
width:400px;
height:auto;
float:left;
}
#vinetaint{
width:380px;
height:29px;
background-image:url(../images/vineta.gif);
padding-left:20px;
padding-top:5px;
margin-bottom:10px;
font-family:"Comic Sans MS";
font-size:18px;
font-weight:bold;
color:#990000;
}
#contNotiInt{
width:380px;
height:auto;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
.titular{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#990000;
}
.subtitular{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}
.notatitular{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#contotros{
width:400px;
height:34px;
padding-bottom:10px;
}
#contNotmas{
width:380px;
height:auto;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#contIntDer{
width:320px;
height:173px;
float:left;
}
#boxBannerInto{
width:300px;
height:250px;
margin: 0px auto;
margin-bottom:15px;
}
#userInto{
width:300px;
height:139px;
background-image:url(../images/userint.gif);
margin:0px auto;
margin-bottom:10px;
}
#encuestaInt{
width:300px;
height:139px;
background-image:url(../images/azul/encuestaInt.gif);
margin:0px auto;
margin-bottom:10px;
}
#iconosC{
width:365px;
height:250px;
padding-right:10px;
padding-bottom:10px;
margin-bottom:10px;
overflow:auto;
}
#bottom{
width:912px;
height:auto;
margin-top:10px;
}