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

                            THE BASIC FRAMEWORK

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



html{

	

	height: auto;

	margin: 0 auto;
	border:0;


	

	

}



a{

	text-decoration: none;
    color: #a336b5;
     border:0;


}

a:hover{

   color: #666;
   border:0;

}

img{
  border:0;
}



body{

	width:955px;	
    margin:0 auto;
	margin-top:25px;
    background-color: #efefef;
	background-image: url(images/bg_home.jpg);
	background-repeat:no-repeat;
    text-align: left;
    font-size:100%;	
    font-style: normal;
	border:0;

}


/*aplicacion*/

#aplicacion{
	position: relative;
	top: 0;
	width: 955px;
	background-color:#fff;
    padding: 0;
	margin: 0 auto;

}








p{

	font-family:Calibri,Arial;
    line-height:normal;
    font-size:0.91em;
    text-align: left;
    line-height:normal;
    color:#666666;

	}

	

p a{

	text-decoration: none;
    color: #666;
	text-decoration:underline;

}




.avatar1{
padding-top:10px;
border-bottom:#CCCCCC 1px dashed;




}

.avatar2{
padding:5px;
padding-top:5px;


}

.avatar3{
padding:5px;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
float:right;

}

.avatar4{
padding:5px;



}

a.avatar5{
padding:10px;
border-bottom:#CCCCCC 1px solid;
width:auto;



}



p a:hover{

	color: #a336b5;

}








       #contenedor {

	   position: relative;
       width: 955px;
	   height:auto;
       margin-top:20px;
       background-color:#fff;

	    

       }



       #row {

       display: table-row;
	    
	   

       }

	   

	     #row2 {

		  position: relative;

		  float:right;

		  width:625px;

		  background-color:#fff;

       

       }

	   

	   	     #row3 {

		  position: relative;

		  float:left;

		  width:955px;

		  background-color:#fff;

       

       }

	   

	   



	   

	  #titular {

       width:590px;

	   float:right;

       padding:1em;

       /*background: #000;*/

      

       } 



       #izquierda {

       width:295px;

	   float:left;

       padding:1em;

       /*background: #000;*/

      

       }

	   

	   



       #derecha{

       width:280px;

	   float:right;

       padding:1em;

      /* background:#ccc;*/

    

       }



       #central{

	   width:280px;

       padding: 1em;

	   float:left;

	   margin:0 0 0 0px;
	    background-color:#fff;



	   /* background:#666;*/

 

       }



	   

	   #central_unica{

	   width:580px;

       padding: 1em;

	   float:left;

	   margin:0 0 0 0px;
	   background-color:#fff;
	   

 

       }
	   
	   
	  #central_unica a{

	  color: #a336b5;
	  margin-top:0;
	  
	
	   }
	   
	  #central_unica a:hover{

	  color: #666;
	
	   }




	   

	   #izquierda_clie {

       width:888px;

	   float:left;

       padding:1em;

 

      

       }

	   

	   #clie{

	   width:900px;

	   padding-left:40px;

	   background-color:#fff;

	   float:left;

	   margin:0 0 0 0px; 

       }









img.source-image {

	position: absolute;

	background-image:url(images/bg_home.jpg);

	height:100%; 

	width:100%;

	top: 0;

	left: 0;
	border:0;

		

}







ul.listado li{

    font-family:Calibri,Times New Roman;

	text-align: left;

	line-height:normal;

	margin: 0 0 8px 0;

	margin-top:0;

	padding-left:0;

	list-style-image: url(images/ico_li.gif);

	line-height:normal;

	text-decoration:none;

	color:#666666;
	 background-color:#fff;

	

}




ul.listado_numerico li{
    font-family:Calibri,Times New Roman;
	text-align: left;
	font-size:0.91em;
	line-height:normal;
	list-style:decimal;	
	margin: 0 0 8px 0;
	margin-top:0;
	padding-left:0;
	line-height:normal;
	text-decoration:none;
	color:#666666;
	
}











/*GENERALES*/	  



.titulo_blog{

	line-height: normal;
    font-family:Georgia,Times New Roman;
    background-image:url(images/h1_ico.gif);
    background-position:left;
    background-repeat:no-repeat;
	padding-left:15px;
    font-size:28px;
    color: #a336b5;
    font-weight:normal;
    font-style:normal;
}



h1{

	line-height: normal;
    font-family:Georgia,Times New Roman;
    font-size:1.1em;
	line-height:22px;
    color: #666;
    font-weight:normal;
    font-style:normal;
}



h2{

    line-height: normal;
    margin-bottom:0;
    font-family:Georgia,Times New Roman;
	font-size:25px;
    color: #a336b5;
    font-style:italic;
    font-weight:normal;

	

}


h3{

    line-height: normal;
    margin-bottom:0;
    font-family:Georgia,Times New Roman;
	font-size:25px;
    font-style:italic;
    font-weight:normal;
	color: #a336b5;

	

}












/*box_servicios*/



#box_serv {

	width:450px;

	height:auto;

	padding:15px 15px 15px 15px;

	margin:0 0 10px 0px;

	border:#CCC 1px solid;



}



#box_serv .image{

	width:110px;

	height:95px;









}



#box_serv .titu{

	line-height: normal;

    font-family:Georgia,Calibri,Times New Roman;

	background-image:url(images/h1_ico.gif);

	background-position:left;

	background-repeat:no-repeat;

	padding-left:15px;

	font-size:28px;

    color: #a336b5;

	font-weight:normal;

	font-style:normal;







}



#box_serv .sub{

	font-family:Georgia,Calibri,Times New Roman;

	font-style:italic;

	font-size:14px;

	color:#666;

	





}



#box_serv .firma{

	font-family:Georgia,Calibri,Times New Roman;

	font-style:italic;

	margin-left:350px;



	font-stretch:normal;

	font-size-adjust:none;

	font-weight:normal;

	font-size:0.9em;

	color:#666;





}


















.color_corporativo {

	color: #a336b5;

    

	

}





.cargo {

	color: #a336b5;

	font-style:italic;

	font-size:18px;

	line-height:normal;



}




.email {

	color: #666;

	font-family:Georgia,Times New Roman;

	font-style:italic;

	line-height:normal;

}





.enviar {

	color: #666;

	font-family:Calibri;

	font-size:1.0em;

	line-height:normal;

	background-color:#FFF;

	border:#CCC 1px solid;

	margin-left:320px;

	



}



.enviar:hover {

	color: #fff;

	font-family:Calibri;

	font-size:1.0em;

	line-height:normal;

	background-color:#a336b5;

	border:#CCC 1px solid;

	margin-left:320px;

	



}



.comment{

	color: #fff;

	width:277px;

	font-family:Calibri;

	font-size:0.85em;

	color:#666;

	background-color:#fff;

	border:#CCC 3px solid;



	



}

.vermas{

	color: #a336b5;
    font-family:Georgia;
    font-size:0.55em;
	margin-left:10px;
	margin-right:10px;
    color:#666;
    background-color:#fff;

}


.commentautor p{

	color: #a336b5;
    font-family:Calibri;
    font-size:1.1em;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
    color:#666;
    background-color:#fff;

}

.commentautor a{

	color: #a336b5;
   

}
.commentautor a:hover{

	color: #666;
   

}




.text_area{

	color: #fff;

	width:277px;

	font-family:Calibri;

	font-size:1.1em;

	color:#666;

	background-color:#fff;

	border:#CCC 1px solid;



	



}



td{

	font-family:Calibri;

	line-height:normal;

	font-size:1.1em;

	font-size-adjust:none;

	font-stretch:normal;

	font-variant:normal;

	letter-spacing:normal;

	text-align: left;

	line-height:normal;

	color:#666666;

	}














 .image_clie{

	padding:5px 5px 5px 5px;
	z-index:1;
    width:266px;
	height:143px;
	border:0;



}

.wp-caption-text{

font-family:Calibri;
color:#a336b5;
padding:5px;
border-bottom:#f3f3f3 1px solid;
background-image:url(images/ico_a.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:15px;
border:0;


}



 .image_ficha{

	padding:5px 5px 5px 5px;

    border:#CCC 1px solid;

	z-index:1;

	width:865px;

	height:321px;

}



 .ver_todos{

 float:right;

 padding-top:5px;

	

}



 .ver_text{

	font-family:Georgia,Times New Roman;

	float:right;

	padding-right:10px;

	font-size:1.0em;

	padding-top:7px;

	color:#666666;

	font-style:italic;

	line-height:normal;

}



 .closer{

	font-family:Georgia,Times New Roman;

	float:right;

	padding-right:0px;

	font-size:1.0em;

	padding-top:7px;

	color:#666666;

	font-style:italic;

	line-height:normal;

}



 .mapa{

	padding:5px 5px 5px 5px;

	margin:0 0 10px 0px;

	border:#CCC 1px solid;

}





/*efecto panel slide*/



#trabajos {

    width:880px;

	height:auto;

	z-index:0;





}





#panel {

    width:850px;

	height:auto;

	display: none;

	background-color:#fff;

	margin-left:50px;

	border-top:#CCCCCC 1px dashed;

}





	/*columna 2*/

	#panel ul#col1{

	float:left;

	width:280px;

	padding:0;

	margin:0 0 0 0;



	

	

	

    }

	

	/*columna 3*/

	#panel ul#col2{

	float:left;

	width:290px;

	padding:0;
	

	margin:0 0 0 0;

    background-color:transparent;



	}

	



	/*columna 4*/

	#panel ul#col3{

	float:left;

	width:280px;

	padding:0;

	margin:0 0 0 0;

	background-color:transparent;



	

	}





 li {

list-style:circle;
margin:0;
font-family:Calibri;
color:#666;
padding-left:10px;
padding:5px 0px 5px 0px;

}







#panel ul li a:hover{

font-family:Georgia;

    color: #a336b5;

}



#panel ul li a.select{

    color: #a336b5;

}



.slide {

	margin: 0;

	padding: 0;

	border-top: solid 4px #422410;

	background: url(images/btn-slide.gif) no-repeat center top;

}

.btn-slide {



	margin: 0 auto;

	display: block;

	font:Calibri 1.0em;

	color: #666;

	background-color:#333333;

	text-decoration: none;

}



.btn-slide2 {



	margin: 0 auto;

	display: block;

	font:Calibri 1.0em;

	color: #666;

	background-color:#333333;

	text-decoration: none;

}



/*efecto panel slide*/



/*ficha_clie*/





#ficha_clie {

    width:875px;

	height:auto;

	background-color:#fff;

	margin:0px;

}





	/*columna 2*/

	#ficha_clie ul#col1{

	float:left;

	width:273px;

	padding:0;

	margin:0px 28px 0 0;



	

	

	

    }

	

	/*columna 3*/

	#ficha_clie ul#col2{

	float:left;

	width:273px;

	padding:0;

	margin:0px 30px 0 0;

    background-color:transparent;



	}

	



	/*columna 4*/

	#ficha_clie ul#col3{

	float:left;

	width:270px;

	padding:0;

	margin:0px 0 0 0;

	background-color:transparent;



	

	}

	

	#titu{

position:relative;

width: 500px; /*width of menu*/

float:left;

margin-left:15px;

line-height:normal;

padding-top:0px;

padding-bottom:0px;

background-color:#fff;

}



#ficha_clie p{

font-size:0.9em;

    

}



	







<!--Cabezera-->



#cabecera{

	position: relative;

	margin: 0;

	padding: 0;

	width:955px;

	height:115px;

	background-color:#fff;

	padding-top:5px;

	margin:0 auto;

	

}











/*banner home*/	  



#banner_home {	

	width:920px;

	height:545px;

	margin:0 auto;

	line-height:normal;

	background: url(images/home_banner.jpg) no-repeat left top;

	

}









#box {



	position:relative;

	float:right;

	background-color:transparent;

	width:270px;

	margin:0;

	padding:15px 0px 0px 0px;



}







/*menu idiomas*/



#box .menuinfo {



 position: relative;

	float:left;

    font-size:11px;

	padding-top:3px;

	padding-right:5px;



	

	

}





#box .menuinfo a{

font-family:Calibri;

color:#666666;

}



#box .menuinfo a:hover{

color:#702785;

}





#box .menuinfo .selec{

color:#702785;

}







/*Buscador*/

#box .buscador {
	float:right;
	background-color:#fff;
    width:220px;

}



#box .buscador input.author{   
	  

	width:110px;
	padding-left:25px;
	color: #a336b5;
	background-image:
	url(images/author_ico.gif);   
	background-repeat: no-repeat;
	border:#ccc 1px solid;
 }
 
#box .buscador .bt{     
	width:auto;
	height:20px;
	color:#666;
	background-color:#FFF;
	border:#ccc 1px solid;
 }
 
 #box .buscador .bt:hover{     
	width:auto;
	color:#a336b5;
	background-color: #fff;
	border:#a336b5 1px solid;
 }

#box .buscador .bt2{     
	width:50px;
	color:#666;
	background-color:#FFF;
	border:#ccc 1px solid;
 }
 
  #box .buscador .bt2:hover{     
	width:50px;
	color:#a336b5;
	background-color: #fff;
	border:#a336b5 1px solid;
 }

  #box .buscador .bt2:hover{     
	width:50px;
	color:#a336b5;
	background-color: #fff;
	border:#a336b5 1px solid;
 }






/*menu principal margen*/

#menu_princ{
position:relative;
font-weight: normal;
background-color:transparent;
height:70px;
width: 955px;


}

#menu_princ ul{
padding: 0px 18px 0px 0px;
background-color:transparent;
margin-top: 0;
margin-left:375px;

}

#menu_princ ul li.b{
display:inline;
text-decoration:none;
background-color:transparent;
border-left:#CCCCCC 1px dashed;
 
}

#menu_princ ul li.a{
display:inline;
text-decoration:none;
}

#menu_princ ul li a{
display:inline-block;!important;
overflow:hidden!important;
font-family:Georgia;
font-size:1.0em;	
color: #666666;
padding-left:10px;
padding-right:10px;
background-color:transparent;
height:60px;
text-decoration: none;

}

#menu_princ ul li a:hover{
color: #a336b5;
background-color:transparent;
display:inline-block;
overflow:hidden!important;

}

#menu_princ ul li a.selected{
font-size:1.0em;	
background-image:url(../images/menu_selected.gif);
background-repeat:no-repeat;
background-position:bottom;
height:60px;
font-family:Georgia;
color: #a336b5;
padding-left:10px;
padding-right:10px;
text-decoration: none;


}

/*end menu principal margen*/



/*aplicacion*/



#aplicacion{

	position: relative;

	top: 0;

	width: 955px;

	height: auto;

	background-color:#fff;

	background-image:url(images/bg_menu.jpg) ;

	background-repeat:no-repeat;

    padding: 0;

	margin: 0 auto;



}







/*submenu izquierda*/



#submenu{

position:relative;

width: 275px; /*width of menu*/

float:left;

margin-left:15px;

line-height:normal;

padding-top:0px;

padding-bottom:0px;

background-color:#FFFFFF;

font-family: Georgia;

font-size:1.0em;

font-style:italic;

}



#submenu ul{

width: 275px;
list-style-type: none;
margin: 8px 0px 0px 0px;
padding: 0;
padding-bottom:15px;
padding-top:3px;
border-top: 1px dashed #ccc;





}








#submenu ul li a{	
	width: 250px;
	color: #666;
	display: block;
	font-family: Georgia,Times;
	padding:0px 0px 0px 10px;
	text-decoration: none;
	


}




/*secciones blog*/

#submenu ul li{	
	color: #a336b5;
	display: block;
	font-family: Georgia;
	font-size:1em;
	line-height:normal;
	font-style:italic;
	text-decoration: none;
	padding:0px ;
	margin-top:5px;
	

	
	

}






#submenu ul ul li a{	

width: 250px;
color: #666;
display: block;
font-family: Georgia;
font-size:0.86em;
font-style:italic;
padding:0px 0px 0px 12px;
text-decoration: none;
background-image:url(images/ico_a.gif) ; 
background-repeat: no-repeat;
background-position:top left;
}



#submenu ul ul li{	

color: #666;
display: block;
font-family: calibri;
font-size:1em;
font-style:italic;
text-decoration: none;
padding-left:15px;

}











#submenu ul li a.selected{

 color: #a336b5;

 background-color:#f7f7f7;



}







#submenu ul li a.selectedn2{

 color: #a336b5;

 background-image:url(images/ico_n2.gif);

 background-repeat:no-repeat;

 background-position:top,left;



 





}





#submenu ul li a:hover{

 color: #a336b5;







 /*onMouseover image change. Remove if none*/

}



/* Holly Hack for IE \*/

* html #submenu ul li { height: 1%; }

* html #submenu ul li a { height: 1%; }

/* End */


.btn-slide {

	margin: 0 auto;
	display: block;
    text-decoration: none;
	background-color:#FFFFFF;
	color:#a943ba;
}

.btn-slide a{


	color:#a943ba;
}

/*submenu izquierda*/



#submenu_todos{

position:relative;

width: 275px; /*width of menu*/

float:left;
display: none;
height:auto;

margin-left:15px;

line-height:normal;

padding-top:0px;

padding-bottom:0px;

background-color:#FFFFFF;

font-family: Georgia;

font-size:1.0em;

font-style:italic;

}



#submenu_todos ul{

width: 275px;
list-style-type: none;
margin: 8px 0px 0px 0px;
padding: 0;
padding-bottom:15px;
padding-top:3px;
border-top: 1px dashed #ccc;





}








#submenu_todos ul li a{	
	width: 250px;
	color: #666;
	display: block;
	font-family: Georgia,Times;
    padding:0px 0px 0px 12px;
    text-decoration: none;
    background-image:url(images/ico_a.gif) ; 
    background-repeat: no-repeat;
    background-position:top left;


}




/*secciones blog*/

#submenu_todos ul li{	
	color: #a336b5;
	display: block;
	font-family: Georgia;
	font-size:0.85em;
	line-height:normal;
	font-style:italic;
	text-decoration: none;
	margin-top:6px;
	border-bottom:#CCCCCC 1px dashed;
	padding-bottom:8px;
	

	
	

}






#submenu_todos ul ul li a{	

width: 250px;

color: #666;

display: block;

font-family: Georgia;

font-size:0.50em;

font-style:italic;

padding:0px 0px 0px 12px;

text-decoration: none;
background-image:url(images/ico_a.gif) ; 
background-repeat: no-repeat;
background-position:top left;
}



#submenu_todos ul ul li{	

color: #666;

display: block;

font-family: calibri;

font-size:0.50em;

font-style:italic;

text-decoration: none;

}











#submenu_todos ul li a.selected{

 color: #a336b5;

 background-color:#f7f7f7;



}







#submenu_todos ul li a.selectedn2{

 color: #a336b5;

 background-image:url(images/ico_n2.gif);

 background-repeat:no-repeat;

 background-position:top,left;



 





}





#submenu_todos ul li a:hover{

 color: #a336b5;







 /*onMouseover image change. Remove if none*/

}



/* Holly Hack for IE \*/

* html #submenu_todos ul li { height: 1%; }

* html #submenu_todos ul li a { height: 1%; }

/* End */



/*menu izquierda*/





/*aplicacion*/



#aplicacion{

	position: relative;

	top: 0;

	width: 955px;

	background-color:#fff;

    padding: 0;

	margin: 0 auto;



}









/*logotipo*/



#logotipo{

margin-left:25px;

width:167px;

height:40px;

background-color:#fff;

padding-top:35px;

}



<!--END Cabezera-->





/*contenido*/

		

#contenido{

	

	float: right;

	top: 0;

	right: 0;

	text-align: left;

	width: 955px;

	height:auto;

	background-color: #000;

    margin: 0;

	padding: 0 0 0px 0;

}





/*pie de pagina*/

			

		



#pie{



float:left;

width: 955px;

height: 35px;

font-family:Arial;
font-size: 11px;


letter-spacing: 1px;

padding-top:55px;

text-align:left;

color: #666;

background-color: #fff;



}



#pie a{

	color: #666;

}



#pie a:hover{

	color: #a336b5;

}



#pie #col1{

float:left;

display:inline;

margin-left:15px;

}





#pie #col2{

float:right;

display:inline;

margin-right:15px;
padding-top:9px;

}





@charset "utf-8";

/* CSS Document */



.rtop,.rbottom{display:block}

.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}

.rs2{margin: 0 1px}





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

                            WORDPRESS CSS

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



.postfooter {


height:auto;
font-style:italic;
font-family:Calibri,Arial;
color:#666;
padding-top:15px;
border-bottom:#CCCCCC 1px dashed;
padding-bottom:5px;



}



.postfooterinfo {

float: left;

}



.commentlink {

float : right;


}

.button {

background : transparent;
margin : 0 0 0 0;
border:#666 1px solid;
color:#666;
float : left;

}



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

                            THE COMMENT FORMS

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







.field {

	background : #fff;

	border: 1px solid #666;

	padding:4px 4px 4px 4px;

	color:#666;

	}





.field#user-name {	

	background: #fff url(img/bg_username.gif) no-repeat;

	width:300px;

	margin-right:5px;

	}



.field#user-name:focus {	

	background : #ececec;

	}

		

.field#user-email {	

	background: #fff url(img/bg_useremail.gif) no-repeat;

	width:300px;

	}		



.field#user-email:focus {	

	background : #ececec;

	}	



.field#user-comment {	

	background : #fff;

	width:93%;

	height:120px;

	margin-top:8px;	

	}	



.field#user-comment:focus {

	background : #ececec;

	}



.field#user-url {	

	background: #fff url(img/bg_userurl.gif) no-repeat;

width:300px;

	}		



.field#user-url:focus {	

	background : #ececec;

	}	

	

#interior .field#user-name, #interior .field#user-email,

#interior .field#user-url, #interior .field#user-url {

	width:300px

	}



#interior .field#user-comment {

	width:93%;

	height:300px;

	}



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

                          ACTUAL COMMENTS

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





.comment {

	width: 95%;

	font-size: 0.75em;

	margin: 20px 0px 24px 0px;

border: 1px solid #ececec;

}



.comment p {

padding: 0px 0px 5px 5px;

}



.my_comment {

	width: 95%;

	font-size: 0.75em;

	margin-bottom: 24px;

border: 1px solid #a336b5;

background: #fff;

}



.my_comment p {

padding: 0px 0px 5px 5px;

}





.gravatar {

float:left;

width:42px;

margin: 5px 0px 0px 5px;

	}



.gravatar img {

padding:1px;

border:1px solid #ececec;

width:30px;

height:30px;

background: #ececec;

	}



.my_comment .gravatar img {

padding:1px;

border:1px solid #ececec;

width:30px;

height:30px;

background: #fff;

	}



#trackbacklist .commentmetadata {

	font-size:0.7em;

	padding-top:3px;

	}

			

.commentauthor {

padding: -3px 0px 0px 0px;

color: #666;

}





#submenu p {

padding: 0px;

margin: 5px 0px 0px 0px;

}

.socialicons {
float: right;
margin-top: -50px;
}

.sociaicons img a{
border: 0px;
}

.bt {
width:30px;
color:#666;
background-color:#FFF;
border:#ccc 1px solid;
margin: 0px 0px 0px 5px;
	}



/*casos*/

#casos {
    width:850px;
	height:auto;
	display: none;
	background-color:#fff;
	margin-left:50px;
	border-top:#CCCCCC 1px dashed;
}	
	
	
		/*columna 2*/
	#casos ul#col1{
	float:left;
	width:280px;
	padding:0;
	margin:0 0 0 0;
	color:#666;
    }
	
	/*columna 3*/
	#casos ul#col2{
	float:left;
	width:290px;
	padding:0;
	margin:0 0 0 0;
    background-color:transparent;
	color:#666;

	}
	

	/*columna 4*/
	#casos ul#col3{
	float:left;
	width:280px;
	padding:0;
	margin:0 0 0 0;
	background-color:transparent;
	color:#666;

	
	}
	
	#casos ul li {
    list-style:none;
    border-bottom:#CCCCCC 1px dashed;
   color:#666;
   font-family:Georgia,Times;
   line-height:24px;
   font-size:0.80em; 
   
}

/*efecto panel slide*/