/* CSS RESET - http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

textarea {  font-family: inherit; font-size: inherit; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* *** FIN DEL RESET ******************************************** */


html {
	height: 100%;
}

body {
	margin:0;
	padding:0px;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position: relative;
	background:#1b1d23 url(../img/cabecera_fondo.jpg) repeat-x;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	min-height:100%;
	height:auto !important; /* ie6 ignores it */
	height:100%; /* fix */

}


a { color:#3f93c9; text-decoration:none; }
a:hover { color:#900; } 


#cabecera {
	background: url(../img/cabecera.jpg) no-repeat center top;
	height:200px;
}

#contenedor {
	width:960px;
	margin:0px auto;
	background: #f0f0f0 url(/img/tile.gif) repeat -70% 0;
}

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #008ac9;
	margin:0;
	padding:0;
}

h1 span {
	color:#6eb3d1;
}

.text_input {
	border: solid 1px #ccc;
	padding: 5px;
	font: Normal 12px Verdana, sans-serif;
	background: #fff url(../img/input_bg.gif) repeat-x top;
	
}



#pie {
	width:960px;
	margin:0px auto;
	height:24px;
	background-image:url(../img/pie.gif);
	color:#e9e9e9;
	text-align:center;
	font-size:11px;
	padding-top:11px;
}

#pie a { color:#e9e9e9; text-decoration: none; }


#certificados img { padding-right:5px; }

/* BOX. CAJA LATERAL DERECHA */

.box {
	
}

.box .cabecera {
	width:206px; height:23px; background-image:url(../img/box_superior.gif);
	padding-left:14px;
	padding-top:5px;
}

.box .cabecera a {
	font-family: "Arial Rounded MT Bold", Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #008ac9;
	text-decoration:none;
}

.box .cabecera a:hover {
	color:#900;
}

.box .medio {
	width:192px; background-image:url(../img/box_medio.gif);
	padding-left:14px;
	padding-right:14px;
	padding-top:8px;
	line-height:18px;
}

.box .pie {
	width:220px; height:20px; background-image:url(../img/box_pie.gif);
}

/* FIN BOX. CAJA LATERAL DERECHA */



/* BOX 314. CAJA LATERAL DERECHA */

.box314 {
	
}


h2 { 
	font-family: "Arial Rounded MT Bold", Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #008ac9;
	text-decoration:none;
	padding-top:4px;
}

h2:hover { color:#900; }

.box314 .cabecera {
	width:300px; height:23px; background-image:url(../img/box_superior314.gif);
	padding-left:14px;
	padding-top:5px;
}

.box314 .cabecera a {
	font-family: "Arial Rounded MT Bold", Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #008ac9;
	text-decoration:none;
}

.box314 .cabecera a:hover {
	color:#900;
}

.box314 .medio {
	width:300px; background-image:url(../img/box_medio314.gif);
	padding-left:14px;
	padding-top:8px;
	line-height:18px;
}

.box314 .pie {
	width:314px; height:11px; background-image:url(../img/box_pie314.gif);
}

/* FIN BOX 314. CAJA LATERAL DERECHA */


/* TWITTER */
.tweet {
	width:280px;
	padding:3px;	
}

.tweet_fecha {
	color:#999;	
	font-size:11px;
	padding-left:3px;
	padding-top:2px;
}

/* FIN TWITTER */

#menu {
	width:960px;
	margin:0 auto 0 auto;
	padding-top:144px;
	padding-right:40px;
}

/* header tabs */
#tabs{
 font-size:14px;
 line-height:normal;
 display:inline;
 float:right;
}

#tabs ul{
  list-style:none;
}

#tabs li{
  display:inline;
  float: left;
  position: relative;
  margin: 0;
  
  padding: 0;
}

#tabs a {
  float:left;
  background:url(../img/tab-left.png) no-repeat left top;
  color:#0470a0;
  padding-left:9px;
  margin-right:3px;
  text-decoration:none;
  color:#cfcfcf;
  cursor: pointer; /* IE 7 bug-fix */
   background-position:0% -29px;
}

#tabs a span{
  float:left;
  color:#333;
  display:block;
  background:url(../img/tab-right.png) no-repeat right top;
  height: 29px;
  padding-right: 10px;
  background-position:100% -29px;
}

#tabs a span span{
  display:block;
  background:none;
  height: auto;
  padding: 6px 4px 0 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#cfcfcf;
}

#tabs a:hover, #tabs li:hover a{
  /* background-position:0% -29px; */
  color:#fff;
}
#tabs a:hover span, #tabs li:hover a span{
 /*  background-position:100% -29px; */
  color:#fff;
}

#tabs a.active, #tabs a.active:hover,
#tabs li.current_page_item a, #tabs li.current_page_item a:hover,
#tabs li.current_page_ancestor a, #tabs li.current_page_ancestor a:hover,
#tabs li.current-cat a, #tabs li.current-cat a:hover,
#tabs li.current-cat-parent a, #tabs li.current-cat-parent a:hover{
  background-position:0% -58px;
}

#tabs a.active span, #tabs a.active:hover span,
#tabs li.current_page_item a span, #tabs li.current_page_item a:hover span,
#tabs li.current_page_ancestor a span, #tabs li.current_page_ancestor a:hover span,
#tabs li.current-cat a span, #tabs li.current-cat a:hover span,
#tabs li.current-cat-parent a span, #tabs li.current-cat-parent a:hover span{
  background-position:100% -58px;
  color:#000;
}

/* sub-menus */



#tabs ul ul {

  background: #838383;

  position: absolute;

  display: none;

  width:160px;

  top: 29px;

  left: 0;

  margin: 0;

  padding: 4px 0;

  line-height: 100%;

  z-index: 99;

  border-left: 1px solid #ddd;

  border-right: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  -moz-border-radius-bottomleft: 4px;

  -moz-border-radius-bottomright: 4px;

}



#tabs ul ul ul{

  border: 1px solid #fff;

  -moz-border-radius: 4px;

}



#tabs ul a.active ul,

#tabs ul li.current_page_item ul,

#tabs ul li.current_page_ancestor ul,

#tabs ul li.current-cat ul,

#tabs ul li.current-cat-parent ul{

  background: #fff;

  border-left: 1px solid #ddd;

  border-right: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}



#tabs ul.active ul ul,

#tabs ul li.current_page_item ul ul,

#tabs ul li.current_page_ancestor ul ul,

#tabs ul li.current-cat ul ul,

#tabs ul li.current-cat-parent ul ul{

  border: 1px solid #ddd !important;

}



#tabs ul li ul a{

  width:140px;

  height:auto;

  float:left;

  background: none;

  margin: 0;

  padding: 4px 10px;

  color: #cfcfcf;

  font-weight: normal;

  font-size: 90%;

  text-shadow: #656565 1px 1px 1px;

  line-height: 125%;

}



#tabs ul a.active ul a,

#tabs ul li.current_page_item ul a,

#tabs ul li.current_page_ancestor ul a,

#tabs ul li.current-cat ul a,

#tabs ul li.current-cat-parent ul a{

  color: #000;

  text-shadow: none;

}



#tabs li:hover ul a span{ color: #cfcfcf; }



#tabs ul a.active ul a span,

#tabs ul li.current_page_item ul a span,

#tabs ul li.current_page_ancestor ul a span,

#tabs ul li.current-cat ul a span,

#tabs ul li.current-cat-parent ul a span{

  color: #666;

}



#tabs ul li ul a span, #tabs ul li ul a span span{

  margin: 0;

  padding: 0;

  height: auto;

  float: none;

}



#tabs ul ul a:hover, #tabs ul ul a:hover,

#tabs ul a.active ul a:hover,

#tabs ul li.current_page_item ul a:hover,

#tabs ul li.current_page_ancestor ul a:hover,

#tabs ul li.current-cat ul a:hover,

#tabs ul li.current-cat-parent ul a:hover{

  background:#09c6eb url(../img/tab-subnav-active.gif) repeat-x left top;

}



#tabs ul ul a:hover, #tabs ul ul a:hover span,

#tabs ul a.active ul a:hover span,

#tabs ul li.current_page_item ul a:hover span,

#tabs ul li.current_page_ancestor ul a:hover span,

#tabs ul ul li.current_page_parent a:hover span,

#tabs ul ul li.current_page_item a:hover span,

#tabs ul ul li.current_page_parent li.current_page_item a:hover span,

#tabs ul ul li.current-cat a:hover span,

#tabs ul ul li.current-cat-parent li.current_page_item a:hover span{

  color:#fff;

}



#tabs ul li ul a span, #tabs ul li ul a span{

  background: none;

}



#tabs ul ul ul{

  top:auto;

}



#tabs ul li ul ul {

  left:145px;

  top: 4px;

}



#tabs ul li:hover ul ul, #tabs ul li:hover ul ul ul, #tabs ul li:hover ul ul ul ul{

  display:none;

}

#tabs ul li:hover ul, #tabs ul li li:hover ul, #tabs ul li li li:hover ul, #tabs ul li li li li:hover ul{

  display:block;

}



/* active submenus */

#tabs ul ul li.current_page_parent a span,

#tabs ul ul li.current_page_item a span,

#tabs ul ul li.current_page_parent li.current_page_item a span,

#tabs ul ul li.current-cat a span,

#tabs ul ul li.current-cat-parent li.current_page_item a span{

  color: #2d83d5;

}



#tabs ul ul li.current_page_item li a span, #tabs ul ul li.current_page_parent li a span,

#tabs ul ul li.current-cat li a span, #tabs ul ul li.current-cat-parent li a span{

  color: #000;

}



/* IE 7 bug-fixes */

#tabs ul li:hover { z-index: 100; }

#tabs ul * li:hover { visibility: inherit; }



/* position and dimensions of the navigator */
.navi {
	margin-left:310px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 640px;
	height:150px;

	/* custom decorations */
	border:1px solid #ccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	width:640px;
	height:150px;
}

/* active item */
.scrollable .active {

}

#tablaHosting { 
	color:#888888;
}

#tablaHosting div div { 
	padding-top:4px;
	text-align:center;
}

#tablaHosting div div.titular { 
	padding-top:4px;
	text-align:right;
	padding-right:6px;
}

#tablaHosting div div.super_titular { 
	padding-top:6px;
	text-align:right;
	padding-right:6px;
	font-size:14px;
	color:#6ebb07;
}

.subtitulo p { margin:0px; border:0px; padding:0px; }


/*CSS Yahoo new version style pagination*/
	div.pagination {
		padding: 3px;
		margin: 3px;
		text-align:center;
		font-family:Tahoma,Helvetica,sans-serif;
		font-size:12px;
	}
	
	div.pagination a {
		border: 1px solid #ccdbe4;
		margin-right:3px;
		padding:2px 8px;

		background-position:bottom;
		text-decoration: none;

		color: #6eb3d1;		
	}
	div.pagination a:hover, div.pagination a:active {
		border: 1px solid #5aa9cb;
		background-image:none;
		background-color:#6eb3d1;
		color: #fff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 6px;
		
		font-weight: bold;
		color: #000;
	}
	div.pagination span.disabled {
		display:none;
	}
	div.pagination a.next{
		border:1px solid #ccdbe4;
		margin:0 0 0 10px;
	}
	div.pagination a.next:hover{
		border: 1px solid #5aa9cb;
		background-image:none;
		background-color:#6eb3d1;
		color: #fff;
	}
	div.pagination a.prev{
		border:1px solid #ccdbe4;
		margin:0 10px 0 0;
	}
	div.pagination a.prev:hover{
		border: 1px solid #5aa9cb;
		background-image:none;
		background-color:#6eb3d1;
		color: #fff;
	}


/* NIVO SLIDER */

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:469px;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider {
	position:relative;
	
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}

.nivo-controlNav {
	position:absolute;
	left:90%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;

}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}


.titulo_portfolio {
		color:#333333;
		font-size:15px;
}

.sin_p p{ margin:0px; padding:0px; }

.link_porfolio {
	color:#666666;
	text-decoration:none;
}

.link_porfolio:hover {
	color:#0088c7;	
}

.borde_porfolio {
	border:2px solid #cccccc;
}

.borde_porfolio:hover {
	border:2px solid #0088c7;
}

img.icoDesc { position:relative; top:2px; padding-right:4px; }
img.icoEstado { position:relative; top:4px; }


 
/*- Menu Tabs 1--------------------------- */ 


    #tabs1 {
      float:left;
      width:100%;
      line-height:normal;
	  border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("../img/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("../img/tabright1.gif") no-repeat right top;
      padding:5px 12px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }





/* LISTAS ORDENADAS HOME */

.ul_home{
    list-style:none;
    padding: 0;
	margin-left:10px;
}
.ul_home li{
	font-size:12px;
	color:#8c8c8c;
    line-height:10px;
    margin-bottom:8px;
	padding-left:16px;
    background:url(../img/li_home.gif) no-repeat 0 1px;
}


/* FIN LISTAS ORDENADAS HOME */


div.cajetus {
	width:618px;
	padding: 10px 10px;
	background: rgba(0,0,0,.05);
	font-weight: normal;
	text-align: center;
	color: rgba(0,0,0,.6);
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}



.trans
{
filter: alpha(opacity=70);
-khtml-opacity:0.7;
-moz-opacity:0.7;
opacity:0.7;
}

.trans:hover
{
filter: alpha(opacity=100);
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
}