/* CSS Document */

body{
	font-family:Charcoal, sans-serif;
	margin:0;
	background-color: #333;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

p{	color: #CCCCCC;
	font-size:12px;
	letter-spacing:0.05em;
	line-height:1.5em;
	width:auto;
	margin: 2px 0px 4px 12px;
}
h5 {
	color: #F7F7F7;
	font-family:Charcoal, sans-serif;
	font-size:14px;
	letter-spacing:-0.5px;
	line-height:0.7em;
	text-transform:none;
	margin:9px 0 20px 10px;
}
h2{
	font-family:Charcoal, sans-serif;
	font-size:16px;
	letter-spacing:-0.2px;
	line-height:0.7em;
	text-transform:none;
	color:#F7F7F7;
}
h1 {
	color: #F7F7F7;
	font-family:Charcoal, sans-serif;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:0.7em;
	text-transform:none;
	margin:9px 0 20px 10px;
}
#contenedor {
	width:930px;
	margin:0px auto auto;
	padding:15px 0 0 0;
	}

#cabecera{ 
	width:930px;
	height:120px;
	background-image:url(img/disenio-web.jpg);
	background-repeat:no-repeat;
	float:left;
}
.cabecera{ 
	width:200px;
	float: right;
	}

a{ color: #666666; text-decoration:none;}
a:hover {color: #CCC; text-decoration:none; }
.idioma{
	width:50px;
	float:right;
	padding-top:20px;
}
#column_borde {
	float:left;
	width:45px;
	height:317px;
	position:absolute;
	left: -42px;
	top: 1px;
}
#caja{
	width:930px;
	float:left;
	background-image:url(img/fd_contenido.jpg);
	background-repeat:repeat;
	position:relative;
}
.cajita{ width:280px; float:left; color: #FFFFFF; padding:0 15px;}	
#columna_1 {
	float:left;
	width:132px;
	padding: 0 0 0 3px;	
	
}
#columna_2 {
	float:left;
	width:620px;
	height:auto;
	padding: 10px 10px 10px 15px;	
}	
#columna_3 {
	float:left;
	width:140px;
	
}	
#uno{
	background-color:#0070AF;
	width:132px;
	height:42px;
	text-decoration:none;
		
}
#dos{
	background-color:#90D000;
	width:132px;
	height: 42px;
		
}
#tres{
	background-color: #FFA000;
	width:132px;
	height: 42px;	
}

#cuatro{
	background-color:#FF5000;
	width:132px;
	height: 42px;	
}
#cinco{
	background-color:#FF3F8F;
	width:132px;
	height: 42px;	
}
#seis{
	background-color:#AF008F;
	width:132px;
	height: 42px;
		
}
#siete{
	background-color: #900FC0;
	width:132px;
	height: 42px;
	
}
#boton ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 132px;
	height:43px;
	margin:5px 7px 0px -10px;
}
#boton a{
	display: block;
	color: #FFF;
	text-decoration: none;
	width: auto;
	height: 20px;
	margin:5px 7px 0px -9px;
	font-size:12px;
}

#boton a:hover{
	font-size:13px;
	width: 132px;
	color: #FFF; font-weight:bold;
}
.espacio{
   background-image:url(img/espacio.jpg);
   width:auto;
   height: 12px;

}
#espacio1{
   background-image:url(img/espacio.jpg);
   width:auto;
   height: 12px;

}
#espacio{
   background-image:url(img/espacio.png);
   background-repeat:no-repeat;
   width:auto;
   height:12px;
}
.caja1{
    float: left;
	width: 202px;
	height: 180px;
}
.links{
	color:#F7F7F7;
	font-size:12px;
	padding:10px;
	}
a{ color: #EBEBEB; text-decoration:none;}
a:hover {color: #FCFCFC; text-decoration:none; }
#pie{
	width:930px;
	float:left;
	background-image:url(img/disenio-freelance.jpg);  background-repeat:no-repeat;
	height:70px;}
.derechos {
	width:700px;
	color:#FFFFFF;
	font-size:11px;
	left:5px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 7px 0 0 20px;
}
.derechos a {
	color: #CCCCCC;
	text-decoration:none;
}
.face {
	width:250px;
	color:#FFFFFF;
	float:right;
	font-size:9px;
	
}
.maps {
	width:400px;
	float:left;}
.map {
	width:210px;
	color:#FFFFFF;
	float:right;
	font-size:9px;
	
}
 /* Generic Carousel Properties */
    .carousel { position:relative; clear:both; left:20px; margin-top:10px; background-color: #000000;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:no-repeat; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute;}
    .carousel .item { position:relative;
        cursor:pointer; list-style-type:none; margin:0; 
    }
    
    /* Hide data items from selector */
    #Carousel .item .email {display:none;} 

    /* Horizontal Carousel */
    #Carousel2 { height:121px; width:590px; background-image:url(images/interface/fondo.jpg); background-repeat:no-repeat;}
    #Carousel2 .container { left:26px; top:12px; width:541px; height:100px; }        
    #Carousel2 .items { top:0; left:2px; width: 1300px;}
    #Carousel2 .item { height:70px;  width:105px; padding:14px 6px; float:left; clear:right; }
    #Carousel2 .item .icon img { position:relative; left:0px; width:100px !important; height:70px; cursor:pointer;}
    #Carousel2 .navButton { position:absolute; bottom:0px; width:24px; height:87px; }
    #Carousel2 .navButton.previous {  left:0px; background-image:url('images/interface/button.left.png'); background-repeat:no-repeat; padding:13px 0 0; }
    #Carousel2 .navButton.next { right:0px; background-image:url('images/interface/button.right.png'); background-repeat:no-repeat; padding:13px 0 0 0 ; }

    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}
    #Carousel2 .item .picture { display:none;}