/* CSS Document */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{
margin:0;
padding:0;}

ul, li{
list-style-type:none}

img {
border:0;}


/* ------ GENERAL -----*/
body{
background:url(../img/img_body.jpg) repeat-x top left;}

.limpia {
float:none;
display:block;
clear:both;}

fieldset {
border:0;}

.ocult{display:none;}

.floatLeft{
float:left;
padding:20px 20px 20px 0;}

.floatRight{
float:right;
padding:10px 0 20px 20px;}

/* ---- CONTENEDOR ----- */

#contenedor {
width:1030px;
margin:34px auto;}

/* ---- COLUMNA 1 ----- */

#menu {
width:280px;
height:25px;}

	#menu ul {
	float:left;}

		#menu ul li{
		width:160px;
		height:25px;
		float:left;
		color:#FFFFFF;
		font: bold 12px/14px Arial, Helvetica, sans-serif;
		background:url(../img/img_fondo_menu.jpg) no-repeat top left;
		text-decoration:none;		
		text-align:center;
		padding-top:0px;}
		
		#menu ul li a {
		color:#FFFFFF;
		text-decoration:none;}
		
			#menu ul li a:hover {
			text-decoration:underline;}
			
		#menu ul li.inicio {
		width:92px;
		height:25px;
		background:url(../img/img_fondo_menu_inicio.jpg) no-repeat top left;}

#columna1 {
width:650px;
float:left;
background:url(../img/img_columna1.jpg) no-repeat top left;}

#banner_columna1 {
width:590px;
height:80px;
margin:610px auto 0 auto;
background:#FFFFFF;
overflow:hidden;}

#banner_columna1 a, #banner_columna1 a:hover{
width:590px;  
height:80px;
display:block; }

#banner_columna1 a.frase_link{ 
background:url(../img/img_banner_a2.jpg) no-repeat top;}

#banner_columna1 a:hover.frase_link{ 
background:url(../img/img_banner_hover2.jpg) no-repeat top;}

#interior {
width:650px;
min-height:630px;
_height:630px;
float:left;
margin-top:50px;}

	#carousel{
	width: 625px;
	height:460px;
	border:4px solid #CCCCCC;}
	

/* ---- COLUMNA 2 ----- */

#columna2 {
width:360px;
min-height:630px;
_height:630px;
float:left;
background:url(../img/logo.jpg) no-repeat top;
overflow:hidden;}

	#columna2 h1 {
	float:left;}
	
	#iconos {
	width:360px;
	height:250px;
	margin:165px auto 0 auto;}
	
	#iconos h2 {
	height:40px;
	background:url(../img/img_title_columna2.jpg) no-repeat top #FFFFFF;}
	
		#iconos h2 span{
		display:none;}


/*****************  ESPACIO 2.0 - REDES SOCIALES **********/

#social-icons{width:380px; height:270px; margin-top: 0px; background:#FFFFFF;}
/*#social-icons h2.title_out{color: #000; font-size: 12px; font-weight: bold:}*/
#social-icons a, #social-icons a:hover{display:block; height: 105px; width:120px; float:left; border:0; margin:0; padding:0;}

#social-icons a.facebook_link{ background:url(../img/icono_facebook.jpg) no-repeat top;}
#social-icons a:hover.facebook_link{ background:url(../img/icono_facebook_luz.jpg) no-repeat top;}

/*#social-icons a.facebook_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/facebook_on.jpg) no-repeat top;}
#social-icons a:hover.facebook_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/facebook_off.jpg) no-repeat top;}*/

#social-icons a.twitter_link{background:url(../img/icono_twitter.jpg) no-repeat top;}
#social-icons a:hover.twitter_link{background:url(../img/icono_twitter_luz.jpg) no-repeat top;}

/*#social-icons a.twitter_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/twitter_on.jpg) no-repeat top;}
#social-icons a:hover.twitter_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/twitter_off.jpg) no-repeat top;}*/

#social-icons a.slideshare_link{background:url(../img/icono_slideshare.jpg) no-repeat top;}
#social-icons a:hover.slideshare_link{background:url(../img/icono_slideshare_luz.jpg) no-repeat top;}

/*#social-icons a.slideshare_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/slideshare_on.jpg) no-repeat top;}
#social-icons a:hover.slideshare_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/slideshare_off.jpg) no-repeat top;}*/

#social-icons a.linkedin_link{background:url(../img/icono_linkedin.jpg) no-repeat top;}
#social-icons a:hover.linkedin_link{background:url(../img/icono_linkedin_luz.jpg) no-repeat top;}

/*#social-icons a.linkedin_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/linkedin_on.jpg) no-repeat top;}
#social-icons a:hover.linkedin_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/linkedin_off.jpg) no-repeat top;}*/

#social-icons a.youtube_link{background:url(../img/icono_youtube.jpg) no-repeat top;}
#social-icons a:hover.youtube_link{background:url(../img/icono_youtube_luz.jpg) no-repeat top;}

/*#social-icons a.youtube_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/youtube_on.jpg) no-repeat top;}
#social-icons a:hover.youtube_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/youtube_off.jpg) no-repeat top;}*/

#social-icons a.flickr_link{background:url(../img/icono_flickr.jpg) no-repeat top;}
#social-icons a:hover.flickr_link{background:url(../img/icono_flickr_luz.jpg) no-repeat top;}

/*#social-icons a.flickr_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/flickr_on.jpg) no-repeat top;}
#social-icons a:hover.flickr_link{background: url(http://www.ilusionate.com/blog/ilusiona/css_images/flickr_off.jpg) no-repeat top;}*/


.box {
width: 360px;}

.box h2 {
display: block;
background: url(http://www.ilusionate.com/blog/ilusiona/css_images/bigheader.jpg) no-repeat;
width: 360px;
height: 30px;
color: #FFF;
line-height: 27px;
font-weight: bold;
text-indent: 10px;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;}

.box h2 a {
color:#FFFFFF;
text-decoration:none;
background:url(../img/blogger.png) no-repeat top left;
padding-left:40px;
padding-bottom:20px;}

.box h2 a:hover {
color:#FFFFFF;
text-decoration:underline;}

.widget-content {
padding: 10px;
border: 1px solid #AAAAAA;
background: #FFF;
font-family:Arial, Helvetica, sans-serif;}

.widget-content p {
font-size: 11px;
line-height: 1.4em;
background: url(http://www.ilusionate.com/blog/ilusiona/css_images/bullet.gif) no-repeat;
background-position: left 5px;
padding-left: 15px;
margin-bottom: 5px;}

.widget-content p a {
font-size: 11px;
line-height: 1.4em;
margin-bottom: 5px;
color:#333333;
text-decoration:none;}

.widget-content p a:hover {
text-decoration:underline;}

#pie {
width:100%;
height:73px;
background:url(../img/img_pie.jpg) repeat-x bottom left;}

#pie div{
width: 980px;
margin:0 auto;}

#pie div p{
float:right;
background: url(../img/bg_boton_pie.jpg) no-repeat bottom left;}

#pie div p a{
display:block;
width: 238px;
padding: 15px 10px;
height:13px;
color:#FFF;
font: bold 11px/14px Arial, Helvetica, sans-serif;
text-decoration:none;}

#pie div p a:hover{
text-decoration:underline;}