/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://www.codigocamaleon.com */
/* v1.0 | 20080212 */

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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { background: #000000 url(/box/images/fondoweb.jpg) center top repeat; text-align: center; line-height: 21px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #ffffff; min-height: 25px; }


a:link { color:#0b0b0b;text-decoration:none; }
a:visited { color:#0b0b0b;text-decoration:none; }
a:hover { color:#087dcd;text-decoration:none; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #262626; letter-spacing: 0px; line-height: 1em; font-weight: normal; font-family: arial, helvetica, calibri, Georgia, serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #262626 !important; font-weight: normal !important; }
h1 { font-size: 18px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 10px; }
p { padding-bottom: 10px; line-height: 20px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

div#head {
	 height:164px;
	 background-image: url("/box/images/bg_menu.png");
	 background-repeat: repeat-x;
}

div#bote {
	 height:70px;
	 width:672px;
}

div#antepie {
	 height:20px;
	 width:950px;
	 background-color:#ff9d14;
}
div#pie {
	 height:73px;
	 background-color:#5bc6d0;
	 background-image: url("/box/images/bg_pie.jpg");
	 background-repeat: repeat-x;
}
a.linkopacity:hover img {
        filter:alpha(Opacity=10);
        -moz-opacity: 0.0;
        opacity: 0.0;
        -khtml-opacity: 0.0;
}
 

a.linkopacity img {
        filter:alpha(Opacity=100);  
        -moz-opacity: 1.0;  
        opacity: 1.0;
        -khtml-opacity: 1.0; 
}







a.linkocity:hover img {
        filter:alpha(Opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        -khtml-opacity: 0.5;
}
 

a.linkocity img {
        filter:alpha(Opacity=100);  
        -moz-opacity: 1.0;  
        opacity: 1.0;
        -khtml-opacity: 1.0; 
}




div#redes {
    margin: 0 auto;
    height: 0px;
    width: 950px;
    position: relative;
}
div#redes2 {
    margin: 0 auto;
    height: 0px;
    width: 950px;
    position: relative;
}
div#redes3 {
    margin: 0 auto;
    height: 0px;
    width: 950px;
    position: relative;
}

div#redes4 {
    margin: 0 auto;
    height: 0px;
    width: 950px;
    position: relative;
}
div#redes5 {
    margin: 0 auto;
    height: 0px;
    width: 950px;
    position: relative;
}
div#camaleon {
	 height:80px;
	 width:950px;
}
div#codigo {
	 height:80px;
	 width:660px;
	float:left;
}