body {
 margin: 0px auto;
  font-family: Arial, sans-serif;
  font-size: 10pt;
background:url(../images/f0.jpg) repeat-x #001322;
 
/**

 *background-attachment:fixed;
 overflow-y: hidden; 
 *
 */
  }
#wrap { width: 1150px;height:143px; margin: 0px auto;  
 background:url(../images/b1.jpg);padding:45px 0 0 20px;
 }
#cuerpo { width: 1150px;padding:50px 0 0 0; margin: 0px auto;  
  } 
#footer
	 {height:33px; margin: 0px auto; text-align:center; color:#33CCCC;
 background:url(../images/b_inferior.jpg);padding:30px 0 0 20px;
 }

 .clear {clear:both}
 #banner{margin: 0px auto; height:533px; width:1150px;}
#banner1 {float:left; width: 226px;height:533px; margin: 0px auto;
 background:url(../images/cabecera/izquierdo.jpg);padding:0px 0 0 0px;
 }
#banner2 {float:left; width:549px;height:423px; margin: 0px auto;  
 background:url(../images/cabecera/iPhone.jpg);padding:110px 0 0 147px;
 }      
#banner3 {float:right; width: 228px;height:533px; margin: 0px auto;
background:url(../images/cabecera/derecho.jpg);padding:0px 0 0 0px;
 }    #prim { width: 740px; margin: 0px auto; height:210px}
 
	a { outline: none; }
	#slide {float:left; width: 184px; height: 276px; margin: 0px auto; background: url(../images/iphones.jpg); }
	.band { width: 30px; height: 276px; text-align: center; }
	.band img { position: relative; top: 50%; margin-top: -20px; border: 0; outline: none; }
	.left { float: left; }
	.right { float: right; }
	 
 #prim1 {
	  float: left;
	margin:0px auto;
margin: 0px 0 0 100px;
   padding: 0 0 0 0px;
  width:372px;height:207px;
 background:url(../images/tiralat.jpg) 
 
}
#col { width: 740px; margin: 0px auto;}
#col1 {
	  float: left;
	margin:0px auto;
margin: 0px 0 0 100px;
   padding: 0 0 0 0px;
  width:372px;
 background:#000000; 
 
}

#col1 .logo {
	  
	margin:0px auto;
	text-align:center;
  
  

 
}
#col2{ float: right;  width:268px;   margin:0px auto; padding:0px 0px 0px 0px;  }


#med {clear:both; width: 740px; margin: 0px auto; padding: 3px 0 0 0;}
#med1 {
	  float: left;
	margin:0px auto;
	margin: 0px 0 0 100px;
   padding: 0 0 0 0px;
  width:372px;
 background:url(../images/tiralat.jpg); 
 height:200px;
}

#col1 ul{
	padding: 10px 0px 0px 150px; text-align:left; }	
#col1 ul li{
	font:13px/25px Arial, sans-serif; color:#848283;
	}
#col1 ul li a{	padding: 2px 0px 0px 0px;
	font: 13px/25px Verdana, sans-serif; color:#848283;  text-decoration:none;
		width:120px; height:25px; display:block;
		
		}

#col1 ul li a:hover{ padding: 2px 0px 0px 0px;
	font: 13px/25px Verdana, sans-serif; color:#ffffff;   text-decoration:none;
	
	width:120px; height:25px; display:block;}

#col1 ul li a:active{ padding: 2px 0px 0px 0px;
	font: 13px/25px Verdana, sans-serif; color:#ffffff;   text-decoration:none;
	
	width:120px; height:25px; display:block;}
	
#col1 ul li a:visited{ padding: 2px 0px 0px 0px;
	font: 13px/25px Verdana, sans-serif;  color:#ffffff;   text-decoration:none;
	
	width:120px; height:25px; display:block;}

#med2{ float: right;  width:268px; height:193px;   margin:0px auto; padding:0px 0px 0px 0px; }

a img { border: none; }
a { text-decoration: none; }
strong { font-weight: bolder; }
.tab{font-size:12px;  font-family:Arial;color:#06e3da;font-weight:bolder}

.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
    padding:0 0 0 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* HEADER */

#bar {width:1150px; height:23px; margin:0px auto;padding:5px 0 0 0;  }

#bar  ul{ width: 680px;
	margin: 0px 0px 0px 0px; float:right; 
	padding: 0px 0px 0px 0px;
		display:inline;
	}	
#bar  ul li{
		padding: 0px 0px 0px 0px; 
		vertical-align: middle; 
		font:bold 10px/13px Verdana; color:#e0e0e0;
 float:left;
	}
#bar  ul li a{ padding: 0px 0px 0px 0px; 
 text-align:center; text-decoration:none;
 height:18px;
		}

#bar   ul li a:hover{ 
		padding: 0px 0px 0px 0px; 
 text-align:center; text-decoration:none;
	display:block; height:18px; }
#busca{border:none;background:none;height:17px; width:145px;padding:1px 0px 0 5px; margin:0px auto; color:#A7A7A7;vertical-align:top; 	font: 10px Verdana, sans-serif; }
.textc{font:9px Verdana;  text-align:center;color:#ffffff}


#bar2 ul{
 list-style:none;
	display:inline;
		vertical-align: middle; 
	}	
#bar2 ul li{
		padding: 5px 3px 0px 20px; 
	
		vertical-align: middle; 
			
 	display:block;
	}
#bar2 ul li a{
		padding: 5px 3px 0px 20px; 

 text-align:center; text-decoration:none;

	display:block;
		}

#bar2 ul li a:hover{
		padding: 5px 3px 0px 20px; 
color:#ffffff;
 text-align:center; text-decoration:none;

	 display:block;}