/*
* I2BC - CSS Tema principal - 2008
*/
* {
	margin: 0;
	padding: 0;	
}


body {
/*	background: url(images/pagebackground.gif) #fff center top repeat-y; */
    background: #fff;
	text-align: center;
	font-family:   Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.5em;
}
h3 {
	font-size:1.2em;
}

ul li{
	margin-left:40px;
}
img{
    border:none;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.orange{
	color:#f2b500;
}
.gray{
	color: #6C6C6C;
}
.bold{
	font-weight:bold;
}
div#content{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:1019px;
}

/** HEADER **/
a#logo_i2bc{
    position:absolute;
    top:0px;
    left:-15px;
	display:block;
    height:91px;
	margin:15px;
    width:300px;
    background: url(images/i2bc-es.png) center center no-repeat;
}
body.en a#logo_i2bc{
    background: url(images/i2bc-en.gif) center center no-repeat;
}
div#lema{
	margin-top:10px;
    height:40px;
	text-align:right;
	color: #6C6C6C;
	width:100%;
}
body.en div#lema h1{
  font-size:1.6em;
  width:600px;
  float:right;
  margin-top:-5px;
}

div#header ul#links{
	position: relative;
	z-index: 3;
	float: right;
	display: inline;
	height: 14px;
	margin: 20px 30px 0 0;
	line-height: 14px;
	font-size: 0.9em;
}

div#header ul#links li {
	float: left;
	display: inline;
	height: 14px;
	margin-left: 5px;
	padding-left: 5px;
    font-weight:bold;
    font-size:95%;
	color: #000;
}
div#header ul#links li.colored{
    font-size:110%;
	color: #f2b500;
}
div#header ul#links li a {
	color: #000;
    font-weight:normal;
    text-decoration:none;
}

div#header form {
	position: relative;
	z-index: 2;
	float: right;
	clear: right;
	display: inline;
	width: 239px;
	height: 31px;
	margin: -21px 25px 0 0;
	padding-top: 26px;
}
div#header  input{
    color:white;
    margin-left:5px;
    margin-top:2px;
    background:transparent;
    border:none;
    float:left;
    width:235px;
    font-size:90%;
}
div#header fieldset {
	border: none;
	background: transparent;
	color:white;
	padding:2px;
    margin-left:-30px;
    width:264px;
    height:19px;
    background:url(images/search_bg.png) left center no-repeat;
}
div#header button {
	height: 15px;
    margin-top:2px;
    float:left;
    margin-left:5px;
	border:0px none;
    background: transparent url(images/search_icon.png) right center no-repeat;
	width: 14px;
}
/********* ELEMENTS *********/


.orangebox{
	position:relative;
	border:4px solid #f2b500;
}
.orangebox .orangecorner{
	position:absolute;
	background: url(images/orange-corners.gif) no-repeat;
	width: 20px;
	height: 20px;
}

.orangebox .corner{
	position:absolute;
	background: url(images/orange-white-corners.gif) no-repeat;
	width: 20px;
	height: 20px;
}
.orangebox.orangebg{
	background: #f2b500;
}
.orangebox.orangebg .corner{
	position:absolute;
	background: url(images/orangebg-white-corners.gif) no-repeat;
	width: 20px;
	height: 20px;
}
.graybox{
	position:relative;
	border:4px solid #6c6c6c;
}
.graybox .corner{
	position:absolute;
	background: url(images/gray-white-corners.gif) no-repeat;
	width: 20px;
	height: 20px;
}

.orangebox .corner.orangebg{
	position:absolute;
	background: url(images/orange-orange-corners.gif) no-repeat;
	width: 20px;
	height: 20px;
}
.orangebox .corner.tl, .graybox .corner.tl, .orangebox .orangecorner.tl{
	left:-4px;
	top:-4px;
	background-position: top left;
}
.orangebox .corner.tr, .graybox .corner.tr, .orangebox .orangecorner.tr{
	right:-4px;
	top: -4px;
	background-position: top right;
}
.orangebox .corner.bl, .graybox .corner.bl, .orangebox .orangecorner.bl{
	left:-4px;
	bottom: -4px;
	background-position: bottom left;
}
.orangebox .corner.br, .graybox .corner.br, .orangebox .orangecorner.br{
	right: -4px;
	bottom: -4px;
	background-position: bottom right;
}
.orangebox .trianglelink {
	position:absolute;
	right:5px;
	bottom:5px;
	background: transparent url(images/destacado_link.png) no-repeat scroll center center;
	display:block;
	height:25px;
	width:26px;
	
}
ul#navbar{
	list-style: none;
	padding: 0;
	margin: 1em 0 0 0;
    height:48px;
}


ul#navbar li {
	float: left;
	border-right: 1px solid white;
    height:38px;
    width:169px;
	border-bottom-width: 0;
	margin: 0;
}
ul#navbar a {
	text-decoration: none;
	display: block;
    background: transparent url(images/main_tabs.png) left -48px no-repeat;	
	color: #fff;
    font-size:18px;
    font-weight:normal;
    padding-top:13px;
    height:35px;
    width:169px;
	text-align: center;
}
body ul#navbar li.cibic_tab a{
    background: transparent url(images/tabs_cibic.png) left -48px no-repeat;	
}
body ul#navbar li.i2bc_tab a{
    background: transparent url(images/tabs_i2bc.png) left -48px no-repeat;	
}

body.es ul#navbar li.quehacemos_tab a{
    background: transparent url(images/tabs_quehacemos_es.png) left -48px no-repeat;	
}
body.es ul#navbar li.equipo_tab a{
    background: transparent url(images/tabs_equipo_es.png) left -48px no-repeat;	
}
body.es ul#navbar li.mundo_tab a{
    background: transparent url(images/tabs_mundo_es.png) left -48px no-repeat;	
}
body.en ul#navbar li.quehacemos_tab a{
    background: transparent url(images/tabs_quehacemos_en.png) left -48px no-repeat;	
}
body.en ul#navbar li.equipo_tab a{
    background: transparent url(images/tabs_equipo_en.png) left -48px no-repeat;	
}
body.en ul#navbar li.mundo_tab a{
    background: transparent url(images/tabs_mundo_en.png) left -48px no-repeat;	
}

body.es ul#navbar li a:hover {
    background-position: left -96px;
}
body.en ul#navbar li a:hover {
    background-position: left -96px;
}
ul#navbar li.media_tab{
    border-right:0px;
}
ul#navbar .media_tab a{
    background: transparent url(images/tabs_media.png) left center no-repeat;	
}
body.es ul#navbar li.media_tab a:hover {
    background-position: left center;
}
body.en ul#navbar li.media_tab a:hover {
    background-position: left center;
}
ul#navbar #selected a{
    background-position: left 0px;
	position: relative;
	color: white;
	top: 1px;
	font-weight: bold;
}

.orange_content{
    position:relative;
    top:0px;
    left:0px;
    background: #f2b500 url(images/orange-solid-bottom.gif) no-repeat center bottom;
}

.orange_footer{
    width:1019px;
    height:14px;
    position:absolute;
    bottom:0px;
    left:0px;
    background:transparent url(images/orange-solid-bottom.gif) no-repeat;
}

.inner_wrap{
    position:relative;
    top:0px;
    left:0px;
	overflow:hidden;
	padding-top:10px;
}



.breadcrumbs{
    margin:10px;
	font-weight:bold;
}
.text_intro p{
	margin:10px 5px;
}
.breadcrumbs a{
    padding-right:15px;
    margin-left:2px;
    color:#666;
    background: url(images/arrow_right_simple.png) right center no-repeat;
    text-decoration:none;
}
ul.linklist{
	list-style:none;
}
a.orangearrow {
	background: transparent url(images/arrow_right_simple.png) no-repeat scroll right center;
	padding-right:18px;
	font-weight:bold;	
}

.structure_hermanas{
	width:30%;
}
.structure_hermanas li{
	margin: 10px 20px;
}
.structure_hermanas a{
	color:#fff;
	font-weight:bold;
}
.structure_hermanas a.actual{
	color:#6c6c6c;
}
/*FOOT */

.foot_envelope{
	width:100%;
	height:150px;
}
ul.lista_pie{
        margin:auto auto;
        text-align:center;
        list-style:none;
        width:630px;
        margin-top:10px;
}
ul.lista_pie li{
    	float:left;
        padding-left:5px;
    	padding-right:5px;
        margin-left:40px;
}
.copyright {
color : #706F6D;
font-size : 90%;
margin-top : 5px;
width:100%;
    text-align:center;

}
.copyright a{
    color: #f2b500;
    text-decoration:none;
}
.copyright a:hover{
    text-decoration:underline;
}




/*

div#scontent {
    background: #f2a500;
	clear: both;
}
div#scontent .content{
	margin:10px;
	border:1px solid #bbb;
	padding: 5px;
}

.left_scontent{
	float:left;
	width:70%;
}
.right_scontent{
	float:right;
	border:1px solid balck;
	width:30%;
}
.footer_scontent{
	clear:both;
	border:1px solid black;
	width:100%;
	width:100%;
}



*/

.empty-box{
    position:relative;
    left:-2px;
    margin-top:10px;
    background:white url(images/empty-big-box.png) left top no-repeat;
    width:1024px;
}
.empty-box-body{
    padding:20px;
}
.empty-box-footer{
    clear:both;
    height:15px;
    background:white url(images/empty-big-box.png) left bottom no-repeat;

}
.empty-box h1{
    padding: 0 15px 0 15px;
    border-left:3px solid #f2a500;
    font-weight:normal;
    border-right:3px solid #f2a500;
    color:#666;
    font-size:200%;
    display:inline;
}
.empty-box h1 span{
    color:#f2a500;
}
.empty-box .titulares,.empty-box .subsecciones, .empty-box .noticias{
    margin-top:20px;
}
.empty-box h2{
    color: #666;
    font-weight:normal;
    font-size:150%;
    border-left:2px solid #f2a500;
    border-right:2px solid #f2a500;
    display:inline;
    padding: 0 5px 0 5px;
}
.empty-box .arrow{
    padding-right:25px;
    display:inline;
    background:transparent url(images/arrow_orange.gif) right center no-repeat;
}
.empty-box .primer.titular{
    border-left:1px solid #f2a500;
}
.empty-box .titular{
    position:relative;
	margin: 3px 0px;
    padding: 0 21px;
    float:left;
    width: 210px;
    height:170px;
    border-right:1px solid #f2a500;
}
.empty-box .titular.grande{
	width: 430px;
}
.empty-box .titular.grande img{
	float:left;
	margin-right:10px;
}
.empty-box .titular h3{
    color: #f2a500;
    margin-bottom:10px;
}
.empty-box .titular.grande h3{
	font-size:140%;
	margin-bottom:5px;
}
 .titular a{
    text-decoration:none;
    font-weight:bold;
    color:#f2a500;
}
.empty-box .titular a.triangulo{
    position:absolute;
    bottom:0px;
    right:10px;
    width:9px;
    height:12px;
    background: transparent url(images/arrow_left.png) left top no-repeat;
}
.empty-box .titular a.triangulo:hover{
    background-position:right top;
}

.empty-box-body.accesos{
    width:45%;
    padding-right:0;
    float:left;
}
.empty-box-body .subseccion{
    padding:0px 5px;
    float:left;
    border:none;
}
.empty-box-body .subseccion h4{
    margin-bottom:10px;
}
.empty-box-body .subseccion-body{
    width:140px;
}
.empty-box-body .subseccion a{
    display:block;
    color:black;
}
.empty-box-body .subseccion a:hover{
    text-decoration:none;
}

.empty-box-body .noticias img{
    float:left;
    margin-right:4px;
	margin-bottom:50px;
}
.empty-box-body .primera.noticia{
    border-left:1px solid #f2a500;
    padding-left:5px;
}
.empty-box-body .noticia{
    width:235px;
    padding-right:10px;
    float:left;
}
.empty-box-body .noticia-body{
    font-size:90%;
}

.empty-box-body .noticia-body .input_wrapper{
    background: transparent url(images/home_input_bg.png) center center no-repeat;
    width:230px;
    height:18px;
}
.empty-box-body .noticia-body input{
    border:0px;
    background:transparent;
    margin-left:5px;
    width:220px;
    height:15px;
}
.empty-box-body .noticia-body #ta_wrapper{
    background: transparent url(images/home_textarea_bg.png) center center no-repeat;
    width:232px;
    height:134px;
    margin-bottom:5px;
}
.empty-box-body .noticia-body textarea{
    border:none;
    width:205px;
    margin-left:12px;
    margin-top:5px;
    height:118px;
    border:0px;
}
.empty-box-body .noticia button, .button{
    background: transparent url(images/home_button_bg.png) center center no-repeat;
    color:white;
    border:none;
    width:57px;
    height:21px;
    font-weight:bold;
    margin-bottom:5px;
}

.empty-box-1019{
    position:relative;
    margin-top:10px;
    border:4px solid #f2a500;
    width:1011px;
    border-bottom:none;
}
.empty-box-body-1019{
    padding:20px;
}
.empty-box-footer-1019{
    clear:both;
    height:15px;
    background:white url(images/empty-big-box-1019.png) left bottom no-repeat;

}

/* Personalizacion UI Tabs */

.ui-tabs-hide { display: none; }

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: transparent url(images/main_tabs.png) left -48px no-repeat;	
    
/*    background: url(i/tabs.png) no-repeat;*/

}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    background-position: 100% -48px;
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% 0px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0px 0px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* Debug */
.todo{
    width:100%;
    height:100px;;
    text-align:center;
    font-weight:bold;
    color:yellow;
    background:green;
}
.border{
    border:1px solid black;
}

.en_warning{
    color:#999;
    text-align:center;
    padding-top:100px
}
.en_warning a{
    text-decoration:none;
    color:#f2b500;
}
.contact-address{
	padding-left:17px;
	display:block;
	font-size:90%;
	background:url(images/corchetes.png) left center no-repeat;
	width:252px;
	height:73px;
}
.contact-item{
	padding-top:7px;
	padding-bottom:7px;
	padding-left:30px;
}
.contact-item.telefono{
	background: url(images/contact-telefono.png) left center no-repeat;
}
.contact-item.fax{
	background: url(images/contact-fax.png) left center no-repeat;
}
.contact-item.email{
	background: url(images/contact-mail.png) left center no-repeat;
}
.contact-item a{
    text-decoration:none;
    color:#f2a500;
	font-weight:bold;
}