* { padding: 0; margin: 0; }
body {
background: #333 url('imax/fondu.jpg');
}
#paxina{ 
 width:1024px; 
 text-align:left; 
 margin:0 auto; 
 font-family:  "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
} 

#tope{
 position:relative; 
 height:100px; 
 background: url('imax/header.jpg') no-repeat;
 width:100%;
 display:block;
}
#logo {float: left; width: 370px; height:90px;}
#logo img {float: left; margin-top: 30px; margin-left: 100px; border: none;} 
#menu {
	float: right;
	list-style: none;
	padding: 0;
	width: 650px;
	font-size: 0.9em;
}
#menu ul{ padding-top: 60px; padding-right: 20px;}
#menu li {
	float: right;
	margin: 0;
}
#menu a {
	background: transparent;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 0px 16px 0px;
	text-decoration: none;
	font-weight:normal;
	text-transform: uppercase;
}
#menu a:hover{
	color: #00ccff;
	}
#menu li a.current{color: #00ccff; font-weight: bold;}
#centru{
 background: url('imax/conteniu.jpg');  
 position: relative; 
 margin: 0 auto;
 }
 
.cen1{height:380px; margin: 0; padding: 0; font-size: 0.9em;}
.cen1a {width: 850px; height: 370px; margin-left: 80px; color: #ccc; padding-top: 20px; font-size: 0.9em;}
.cen1b {width: 850px; height: 380px; margin-left: 80px; color: #ccc; }
.cen1a img {float: left; margin-right: 10px; height: 200px;}
.cen1b img {float: left;}
.cen0{height: 450px; margin: 0; padding: 0;}
.cen0a {padding-top: 20px;width: 850px; height: 450px; padding-left: 80px;}
.cen2{height:550px; margin: 0; padding: 0;font-size: 0.9em;}
.cen2a{width: 850px; height: 650px; margin-left: 80px; color: #ccc; padding-top: 20px; font-size: 0.9em;}
.cen2b{width: 850px; height: 450px; margin-left: 80px; color: #ccc; padding-top: 20px; font-size: 0.9em;}
.cen3{height:700px; margin: 0; padding: 0;font-size: 0.9em;}
.cen3a {margin: 0; padding: 0; height: 1000px;}
.fotoz {width: 850; margin-left: 80px;}
.margen {margin-left: 200px;margin-top: 20px;}
.blancu, .blancu a{color: #fff; font-size: 1.1em}
.drcha {
 float: right; 
 padding-left: 50px;
 padding-top: 20px;  
 color: #ccc; 
 width: 580px;
 font-size: 0.8em; 
 background: url('imax/separa.png') repeat-y left; 
 }
 .drcha1 {
 float: right; 
 padding-left: 50px;
 padding-top: 20px;  
 color: #ccc; 
 width: 580px;
 font-size: 0.8em; 
 background: url('imax/separa.png') repeat-y left; 
 }
 .drcha2 {
 float: right; 
 padding-left: 50px;
 padding-top: 20px;  
 color: #ccc; 
 width: 680px;
 font-size: 0.8em; 
 background: url('imax/separa.png') repeat-y left; 
 }
 .formulario1 {float: left; margin-left: 50px; color: #ccc; width: 170px; font-size: 0.8em; margin-top: 20px;}
#cols{
 background: url('imax/conteniu.jpg'); 
 position: relative; 
 margin: 0 auto;
 clear: both;
 }
 .col{height:140px; margin: 0; padding: 0;color: #ccc;}
 .col img {border: none;}
 .col1{width: 275px; height: 115px; float: left; margin-left: 67px;}
 .col2{width: 275px; height: 115px; float: left; margin-left: 15px;}
 .col3{width: 320px; height: 115px; float: left; margin-left: 15px; background: url('imax/separa.png') repeat-y left;}
 .col3 a{text-decoration: none;}
 .col3 p{color: #ccc; font-size: 0.8em;}
 .col3 img {margin-left: 20px; border: solid #000 1px; float: left; margin-right: 8px; height: 50px; width:60px;}
#pie{
 height:61px; 
 background: url('imax/pie.jpg') no-repeat; 
 clear:both;
 display:block;
 font-size: 0.9em;
} 
#pie p{text-align: center; padding-top: 10px; color: #666; font-size: 0.8em;}
#pie a{color: #00ccff; text-decoration: none; text-transform: uppercase;}
#pie a:hover {color: #fff; text-decoration: none;}
#debajo { 
 height:61px; 
 clear:both;
 display:block;
 }
#debajo img {float: left; margin-right: 20px;}

#copyright {
float: left; 
height: 61px; 
width: 350px; 
color: #333; 
font-weight: bold; 
font-size: 0.7em;
background: url('imax/separa.png') repeat-y left;
padding-left: 30px;
}
#marcas {
 margin-top: 40px;
 margin-bottom: 10px;
 height:50px; 
 clear:both;
 display:block;
 float: right;
 }
#marcas img {border: none; float: left; margin-left: 1px;}
.visitas {float: right; width: 100px; height: 61px; font-size: 0.7em; color: #333; font-weight: bold;}
.gris {color: #666;}
#copyright a {text-decoration: none; color: #666; font-weight: normal;}
#copyright a:hover {text-decoration: none; color: #999;}
.wrapper {	
	font-size: 0.8em;
	width: 880px;
	height:340px; 
	margin: 0 auto;
	text-align:left;
	padding-top: 15px;	
}
.wrapper h2 {
	font-size: 1.2em;
	color: #000;
	margin: 0 0 25px 0;
}
.wrapper a, a:visited {
    color:#00ccff;
    text-decoration:none;
}
.color {color:#00ccff;}
.wrapper a:hover {
    text-decoration:underline;
}
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:275px;
	height:195px;
	background:transparent;
	border: solid 2px #000;
	}
.mosaic-block a {color: #fff; text-decoration: none; font-size: 1em;}
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background: url(images/carousel_panel_bg.png);
		}

		
.formulario {float: left; margin-left: 50px; color: #ccc; width: 270px; font-size: 0.8em; margin-top: 20px;}
div.contact_form ul {
    margin:0;
    list-style:none;
		color: #ccc;
}

div.contact_form ul li {
    padding:0 0 15px 0;
    position:relative;
}

div.contact_form ul li label {
   color: #ccc;
}

div.contact_form input {
    background:url(imax/input_bg.png) 0 0 no-repeat;
    width:210px;
    font-size:12px;
    padding:10px 10px 11px 10px;
    border:0;
    color:#707070;
}

div.contact_form input.submit {
    background:url(imax/submit.png) 0 0 no-repeat;
    width:69px;
    height:24px;
    border:0;
    cursor:pointer;
    float:right;
}

div.contact_form textarea {
    background:url(imax/textarea.png) 0 0 no-repeat;
   width:230px;
	 height: 147px;
    font-size:12px;
    border:0;
    color:#707070;
    margin:1px 0 2px 0;
    line-height:20px;
    overflow-x:hidden;
		overflow-y:auto;
		padding-left: 4px;
}
.mail1 {float: left; width: 300px; height: 290px; line-height: 20px;}
	.mail1 input{float: right;}
	.mail2 {float: right; width: 300px; height: 290px;}
	.mail2 input.submit{float: right;}	
	.mail2 label{float: left;}
	
	
	
	
	.plus {padding-top: 30px;}
	

	
	.flotad{text-align: center;}
.tab h3{
color: #333;
padding: 3px;
margin: 0 1px 1px 0;
text-align: left;
}

#wrapperz h3{
margin: 0;
}
#wrapperz p{
margin: 0;
padding: 5px;
line-height: 1.5em;
}
#wrapperz a{ color: #fff; text-decoration: none;}
#wrapperz a:hover { color: #00ccff; text-decoration: underline;}
#wrapperz{
width: 800px;
}
#left{
margin-top: 20px;
float: left;
width: 200px;
}
#right{
float: right;
width: 600px;
}
.tab{
color: #333;
padding: 3px;
margin: 0 1px 1px 0;
text-align: center;
}
.stretcher{
height: 350px;
}
.fotoss {float: left; width: 137px;}
.fotoss img {width: 130px; margin: 2px; border: solid 3px #fff;}
.fotoss p {padding-top: 20px; margin-left: 5px; margin-right: 5px; text-align: center;}
.minz {margin-right: 10px; margin-bottom: 10px;}
.noborder {border: none; float: left; width: 120px;}

/*slide equipos*/

.productos {width: 800px; float: right; margin-right: 25px; background: pink;}
.ca-container{
	position:relative;
	width:750px;
	height:350px;
	margin-left: 50px;
	color: #333;
}
.ca-container a{text-decoration: none;}
.ca-wrapper{
	width:750px;
	height:350px;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:250px;
	height:350px;
	text-align:center;
}
.ca-more{
	position: absolute;
	top:0;
	left: 0;
	background: transparent url(images/fonduu.png);
	height: 350px;
	width: 250px;
}

.ca-more h3{
  background: url(images/fondu.png);
  width: 250px;
	height: 38px;
	position: relative;	
	}
	.ca-more h3 span{
	display:block;
  padding: 9px;
	text-align:center;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	position:absolute;
	background:transparent;
	overflow:hidden;
	}
.ca-icon{
	width:250px;
	height:350px;
	position:relative;
	margin:0 auto;
}
.ca-icon img {width: 250px; height: 350px; border: none;}
.ca-content-wrapper{
	background:#ccc;
	position:absolute;
	width:0; /* expands to width of the wrapper minus 1 element */
	height:350px;
	text-align: left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:500px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 12px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	}
	
.ca-content-text p{
	padding: 6px 8px 6px 8px;
	}
.ca-content h6{
	margin:25px 20px 0px 9px;
	font-size:28px;
	color:#333;
	border-bottom:2px solid #333;
	}

.ca-nav span{
	width:25px;
	height:38px;
	background:#333 url(images/arrows.png) no-repeat top left;
	position:absolute;
	top:19px;	
	left:-25px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-25px;
}
.ca-nav span:hover{
	opacity:1.0;
}
.ca-col {width: 150px; height: 200px; float: left; margin-left:10px; }
.ca-col p {line-height: 1.1em;}
