/*  

Theme Name: DeLaROCA sgaic2007

Theme URI: http://www.sgaic.org/

Description: Tema desarrollado para  <a href="http://sgaic.org/">sgaic.org</a> aņo 2007.

Version: 1

Author: DeLaROCA

Author URI:  http://www.sgaic.org/

*/





/* zona -1. estilos generales

--------------------------------------------------*/

* {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

body { padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em; background: #F0F0F0; color: #454545; }



HR {

	DISPLAY: none

}



.clearHack {

	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; line-height: 1px;

}

#skipLink {

	DISPLAY: none

}

IL {

 LIST-STYLE-TYPE: none;

 }

UL {

 LIST-STYLE-TYPE: none;

 }



IMG {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px

}

.inlineImage {

	FONT: 1em 'lucida grande',tahoma,sans-serif; COLOR: #999; TEXT-ALIGN: center

}

.inlineImage IMG {

	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid

}

.noStyle IMG {

	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px

}

.right {

	FLOAT: right; MARGIN: 1.3em 0px 0px 2em

}

.left {

	FLOAT: left; MARGIN: 1.3em 2em 0px 0px

}

.center {

	MARGIN-LEFT: auto; MARGIN-RIGHT: auto; POSITION: relative

}

H1 {

	POSITION: relative; HEIGHT: 30px

}











/* zona 0. contenedor de zonas

--------------------------------------------------*/

#contenedor {

   MARGIN: 0px auto;

   WIDTH: 790px;

   POSITION: relative;

   background: #F0F0F0; TEXT-ALIGN: center

}

.contenedor_top {

    background: #F0F0F0 url('images/big_top.gif') no-repeat;

    color: #FFF;

    height: 15px;

}

.contenedor_middle {

    padding: 0px 10px 0px 10px;

    background: #F0F0F0 url('images/big_middle.gif') repeat-y;

    TEXT-ALIGN: left;

}

.contenedor_bottom {

    clear: both;

    background: #F0F0F0 url('images/big_bottom.gif') no-repeat;

    color: #FFF;

    height: 15px;

}



/* zona 1. Cabecera. Logo. Buscador. Menu.

-------------------------------------------------------------------------*/

/* zona 1. Logo.

------------------------------------------------*/

#logo {

	background: url(images/top02.png) no-repeat;

	height: 90px;

	width: 766px;

	margin-right: auto;

	margin-left: auto;

}

.style_content {

	position: relative;

	margin: 0px auto;

	text-align: left;

    COLOR: #eae7d2;

}

.style_content H1 A {

	DISPLAY: block; OVERFLOW: hidden; WIDTH: 250px; POSITION: absolute; TOP: 1px;

           COLOR: #fff; height: 35px; line-height: 35px;

           LEFT: 15px;

}

#tagline {

	margin: 5px 15px;

}

/* zona 1. Buscador.

------------------------------------------------*/

#logo .style_content {

	width: 766px;

	height: 90px;

	position: relative;

	display: block;

}

#logo_leti {

 position: relative;

	margin: 0px auto;

	text-align: left;

    COLOR: #eae7d2;

}
#search_box {

	display: inline;

	margin: 0px 20px 0px;

	padding: 24px 2px 0px 0px;

	float: right;

}

/* zona 1. Menu.

------------------------------------------------*/

#navpatro {

	LEFT: 20px;

    FONT: 1em/1em 'lucida grande',tahoma,sans-serif;

    MARGIN-LEFT: 5px; COLOR: #999; POSITION: absolute;

    TOP: 85px;

    line-height: 1.3em;

}

#navpatro A {

	COLOR: #eae7d2;

    TEXT-DECORATION: none

}

#navUtilities {

	RIGHT: 50px;

    FONT: 1em/1em 'lucida grande',tahoma,sans-serif;

    MARGIN-LEFT: 150px; COLOR: #999; POSITION: absolute;

    TOP: 85px;

    line-height: 1.3em;

}

#navUtilities A {

	COLOR: #eae7d2;

    TEXT-DECORATION: none

}

#navUtilities A:hover {

	COLOR: #ff9300

}





/* zona 2. Especiales. Ventana TAB.

-------------------------------------------------------------------------*/

.segunda {

    padding: 0px 10px 0px 10px;

    MARGIN: 5px 0 0 0;

    background: #F0F0F0;

    TEXT-ALIGN: left;

}

.segunda_bottom {

    clear: both;

    background: #F0F0F0;

    margin:0;

    padding:0;

    min-height: 1px;

    height: auto !important;

    height: 1px;

    font-size:1px;

    line-height: 1px;

}

/* zona 2.1. Especiales.

------------------------------------------------*/

#especiales {

	HEIGHT: 203px;

    BACKGROUND: #fff;

    FLOAT: left;

    MARGIN:0;

    padding:0;

    WIDTH: 500px;

    POSITION: relative;

    BORDER: #999 1px solid;

}

#especiales DIV {

     MARGIN: 5px 0 0 5px;

     padding:0;

}

#especiales H3 {

	BACKGROUND: url(images/publicidad.gif) #F0F0F0 no-repeat;

    LEFT: -16px;

    TOP: -1px;

    OVERFLOW: hidden;

    WIDTH: 16px;

    TEXT-INDENT: -5000px;

    POSITION: absolute;

    HEIGHT: 100px;

}

#especiales SPAN {

	DISPLAY: block;

    FONT: 1em 'lucida grande',tahoma,sans-serif;

    COLOR: #999;

    TEXT-ALIGN: center;

}

#especiales A {

	FONT-WEIGHT: bold;

    COLOR: #2388ff;

    MARGIN:0;

    padding:0;

}

#myGallery {

	FLOAT: left;

    BACKGROUND: #cccc66;

    WIDTH: 487px! important;

    HEIGHT: 192px! important;

}

#myGallery H2 {

	FONT-SIZE: 1.4em; COLOR: #ffffff

}

#myGallery P {

	FONT-SIZE: 1em

}

#myGallery H2 A {

	FONT-SIZE: 1.4em; COLOR: #ffffff

}

.slideInfoZone {

	MARGIN: 0; padding: 0;  border: 0; HEIGHT: 25px! important

}

/* zona 2.2. TABs.

------------------------------------------------*/

#ventanatab {

            MIN-HEIGHT: 203px;

            BACKGROUND: #efefef;

            FLOAT: right;

            MARGIN: 0px;

            padding: 0px;

            WIDTH: 256px;

            POSITION: relative;

            background: #fff;

}

#tab01 {

	DISPLAY: block; OVERFLOW: auto; WIDTH: 256px; POSITION: relative; HEIGHT: 179px;

    BACKGROUND: url(images/asga01.gif) no-repeat; MARGIN: 0px; padding: 0px;

}

#tab01 H2 {

	DISPLAY: none

}

#tab01 P {

	RIGHT: 75px; FLOAT: right; MARGIN: 45px 0px 0px; FONT: 1em/1.4 'lucida grande',tahoma,sans-serif; WIDTH: 132px; COLOR: #fff; POSITION: relative; TEXT-ALIGN: right

}

#tab01 P A {

	MARGIN-TOP: 2px; DISPLAY: block; FONT-WEIGHT: bolder; TEXT-TRANSFORM: uppercase; COLOR: #ffcc00; TEXT-DECORATION: none

}

#tab01 P A:hover {

	TEXT-DECORATION: underline

}

#tab02 {

	DISPLAY: block; OVERFLOW: auto; WIDTH: 256px; POSITION: relative; HEIGHT: 179px;

    DISPLAY: none; BACKGROUND: url(images/siam01.gif) no-repeat; MARGIN: 0px; padding: 0px;

}

#tab02 H2 {

	DISPLAY: none

}

#tab02 P {

	PADDING-RIGHT: 35px; MARGIN-TOP: 105px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; FONT: 1em/1.4 'lucida grande',tahoma,sans-serif; COLOR: #fff; PADDING-TOP: 0px; POSITION: relative

}

#tab02 P A {

	FONT-WEIGHT: bolder; TEXT-TRANSFORM: uppercase; COLOR: #ffcc00; TEXT-DECORATION: none

}

#tab02 P A:hover {

	TEXT-DECORATION: underline

}

#zona01tabs {

	CLEAR: both; BACKGROUND: #F0F0F0; HEIGHT: 24px

}

#zona01tabs SPAN {

	DISPLAY: block; FLOAT: left; OVERFLOW: hidden; HEIGHT: 24px

}

#tab01tab {

	BACKGROUND: url(images/tab01.gif) no-repeat; WIDTH: 95px; CURSOR: pointer! important; MARGIN-RIGHT: 0px

}

#tab02tab {

	BACKGROUND: url(images/tab02.gif) no-repeat center bottom; WIDTH: 161px; CURSOR: pointer! important

}

#tab03tab {

	BACKGROUND: url(images/tab02.gif) no-repeat center bottom; WIDTH: 161px; CURSOR: pointer! important

}

/* zona 03. Zona de Contenidos y Barra lateral.

-------------------------------------------------------------------------*/

#tercera {

	MARGIN: 5px auto; WIDTH: 768px; POSITION: relative; ;

}

/* zona 03.0. Zona de Contenidos.

--------------------------------------------------------------------*/

#contenido {

	BACKGROUND: #FFF;

    MIN-HEIGHT: 203px;

    FLOAT: left;

    WIDTH: 503px;

    POSITION: relative;

}

/* zona 03.1.-03.2. Ultimos 1+5 reportajes

----------------------------------------------------------*/

.reportajes {

     BACKGROUND: url(images/reportajes.gif) no-repeat;

     BACKGROUND-POSITION: 98% 80%

}

/* zona 03.3. Bienvenida del Presidente

-------realizada solo con tablas--------------------------*/



/* zona 03.4. Enlaces Recomendados

----------------------------------------------------------*/

.enlaces {

    margin: 0;

    padding: 0;

}

.enlaces a {

    BACKGROUND: url(images/external.gif) no-repeat left 1px;

    margin: 0;

    padding: 0 0 0 12px;

}

/* zona 03.10. Barra Lateral.

--------------------------------------------------------------------*/

#lateral {

     FLOAT: right;

     WIDTH: 248px;

     BACKGROUND: #FFF;

     MARGIN-RIGHT: 10px;

}

/* zona 03.11. Zona de Publicidad

-----------------------------------------------------------*/

#publicidad H2 {

            CLEAR: both;

            PADDING-BOTTOM: 3px;

            MARGIN: 10px 0px 7px 0px;

            FONT: bold 1.2em/1em 'arial',tahoma,sans-serif;

            TEXT-TRANSFORM: uppercase;

            COLOR: #666;

            POSITION: relative;

            BORDER-BOTTOM: #ccc 1px solid;

}

/* zona 03.12. Zona de Alergia de Temporada

-----------------------------------------------------------*/

#temporada H2 {

           CLEAR: both;

           PADDING-BOTTOM: 3px;

           MARGIN: 10px 0px 7px 0px;

           FONT: bold 1.2em/1em 'arial',tahoma,sans-serif;

           TEXT-TRANSFORM: uppercase;

           COLOR: #666;

           POSITION: relative;

           BORDER-BOTTOM: #ccc 1px solid;

}

/* zona 03.13. Zona de Documentos

-----------------------------------------------------------*/

#documentos H2 {

            CLEAR: both;

            PADDING-BOTTOM: 3px;

            MARGIN: 10px 0px 7px 0px;

            FONT: bold 1.2em/1em 'arial',tahoma,sans-serif;

            TEXT-TRANSFORM: uppercase;

            COLOR: #666;

            POSITION: relative;

            BORDER-BOTTOM: #ccc 1px solid;

}

/* zona 03.14. Zona de Contacto Lateral

-----------------------------------------------------------*/

#contacto {

          MIN-HEIGHT: 408px;

          BACKGROUND: url(images/contactofondo.gif) no-repeat;

          PADDING-LEFT: 15px;

}

#contacto H2 {

          CLEAR: both;

          PADDING-BOTTOM: 3px;

          MARGIN: 10px 0px 7px 0px;

          FONT: bold 1.2em/1em 'arial',tahoma,sans-serif;

          TEXT-TRANSFORM: uppercase;

          COLOR: #666;

          POSITION: relative;

          BORDER-BOTTOM: #ccc 1px solid;

}

/* zona 03.15. Posible Zona de Feeds Lateral

-----------------------------------------------------------*/

#feeds {

	FLOAT: left;

    FONT: 1.1em/1em 'lucida grande',tahoma,sans-serif;

    WIDTH: 100%;

}

#feeds UL {

	WIDTH: 100%;

    LIST-STYLE-TYPE: none;

}

#feeds LI {

	PADDING-RIGHT: 3px;

    PADDING-LEFT: 3px;

    PADDING-BOTTOM: 8px;

    MARGIN: 0px 0px 0px 10px;

    COLOR: #555;

    PADDING-TOP: 8px;

    BORDER-BOTTOM: #eee 1px solid;

}

#feeds LI SPAN {

	FLOAT: right;

}

#feeds H2 {

	CLEAR: none;

    PADDING-BOTTOM: 3px;

    MARGIN: 20px 0px 7px 10px;

    FONT: bold 1.2em/1em 'lucida grande',tahoma,sans-serif;

    TEXT-TRANSFORM: uppercase;

    COLOR: #666;

    BORDER-BOTTOM: #ccc 1px solid;

}



/* zona 04. Pie de Pagina.

-------------------------------------------------------------------------*/

#footer_box {

	background: url(images/bottom01.png) no-repeat;

	height: 40px;

	width: 766px;

	margin-right: auto;

	margin-left: auto;

	}

.footer_content {

	width: 766px;

	height: 40px;

	position: relative;

	display: block;

	position: relative;

	margin: 0px auto;

	text-align: left;

    COLOR: #eae7d2;

}

/* zona 04. Menu de Pie de Pagina.

-----------------------------------------------------------------*/

#navUtilities2 {

	RIGHT: 50px;

    FONT: 1em/1em 'lucida grande',tahoma,sans-serif;

    MARGIN-LEFT: 150px; COLOR: #999; POSITION: absolute;

    TOP: 37px;  line-height: 1.3em;

}

#navUtilities2 A {

	COLOR: #eae7d2; TEXT-DECORATION: none

}

#navUtilities2 A:hover {

	COLOR: #ff9300

}

/* zona 04. SIFR - cambio de tipo de letra de cabeceras.

-----------------------------------------------------------------*/

.sIFR-flash {

	VISIBILITY: visible! important; MARGIN: 0px

}

.sIFR-replaced {

	VISIBILITY: visible! important

}

SPAN.sIFR-alternate {

	DISPLAY: block; LEFT: 0px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 0px

}

.sIFR-hasFlash #news H2 {

	VISIBILITY: hidden

}

.sIFR-hasFlash #events H2 {

	VISIBILITY: hidden

}

.sIFR-hasFlash #services H2 {

	VISIBILITY: hidden

}

.sIFR-hasFlash .feature H2 {

	VISIBILITY: hidden

}

.sIFR-hasFlash #content H2 {

	VISIBILITY: hidden

}

.sIFR-hasFlash #content H3 {

	VISIBILITY: hidden

}

.sIFR-hasFlash #sideBar H2 {

	VISIBILITY: hidden

}

.sIFR-hasFlash #content H2 {

	FONT-SIZE: 36px; LINE-HEIGHT: 30px; LETTER-SPACING: -9px

}

.sIFR-hasFlash #content H3 {

	MARGIN-BOTTOM: -5px

}

.sIFR-hasFlash #content #serviceInfo H3 {

	VISIBILITY: visible! important

}



/* Estilos dentro de los post

-----------------------------------------------------------------*/

/* POST

-----------------------------------------------------------------*/

.post {

	margin: 0 40px 0 50px;

     FONT: 1.2em/1.3em 'lucida grande',tahoma,sans-serif;

	text-align: justify;

	}



.post hr {

	display: block;

	}

.post H2 {

     BORDER-BOTTOM: #eee 1px solid;

     line-height: 30px;

     FONT: 32px/31px 'lucida grande',tahoma,sans-serif;

     COLOR: #ff9300

}

/* ENTRY

--------------------------------------------------*/

.entry {

	margin: 0 0px 0 50px;

    FONT: 1.0em/1.1em 'lucida grande',tahoma,sans-serif;

}

.entry .header{



    FONT: 1.3em/1.2em 'arial',tahoma,sans-serif;

	text-align: left;

    line-height: 30px;

}

.entry h2{

     BORDER-BOTTOM: #eee 1px solid;

     line-height: 30px;

     FONT: 22px/21px 'lucida grande',tahoma,sans-serif;

     COLOR: #ff9300;

     margin: 0 0 15px 0;

}

.entry p{

	margin: 0 0 15px 0;
	text-align: justify;

}

.entry UL {

	WIDTH: 100%;

    LIST-STYLE-TYPE: none;

    margin: 0 0 15px 0;

}

.entry LI {

    BACKGROUND: url(images/arrow-miniorange.gif) no-repeat left 5px;

    margin: 0 0 0 20px;

    padding: 0 0 0 12px;

}

.entry blockquote {

    margin: 0 0px 0 20px;

    FONT: 1.0em/1.1em 'lucida grande',tahoma,sans-serif;

	text-align: justify;

}

.entry IMG {
    display: block;
    margin-top: 10px;
    margin-left: auto;
	margin-right: auto;
    margin-bottom: 10px;
    padding: 5px;
    BORDER: #AEAEAE 1px solid;
}







#wrapper {

	MARGIN: 0px auto; WIDTH: 768px; POSITION: relative

}

#wrapper {

	TEXT-ALIGN: left

}

br.clear {

  clear: both;

  height: 10px;

  line-height: 10px;

}

.menu1 {

     FONT: bold 1.3em/1.2em 'arial',tahoma,sans-serif;
     COLOR: #fff;

}