* {  padding: 0; margin: 0; } 
html{ height: 100%;}
body { 
	color: #222;
	background: #00ADEF url(../images/top_fade.png) repeat-x 0 0;
	height: 100%;
	font: 11px/14px  "Helvetica Neue", Verdana, Helvetica, Geneva, sans-serif;
} 
img{
	border: none;
}

p.staff{
	min-height: 75px;
	clear: both;
	display: block;
}
p.staff img{
	margin-right: 5px;
	display: inline;
	float: left;
	cursor: pointer;
}
p.staff a{
	font-size: 9px;
	letter-spacing: -1px;
}
fieldset{
	border: none;
}
p{
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: left;
	display: block;
}
ul{
	list-style-type: none;
	list-style-position: inside;
	margin-left: 10px;
}
li{	padding-bottom: 5px;}
blockquote{ padding-left: 20px;}

input, textarea{ border: solid 1px #BDA3CB; padding: 2px; margin: 0;}


a, a:link {	
text-decoration: none;
outline: none;
	color: #4984C5;
}     /* unvisited link */
a:visited {
	text-decoration: none;
}  /* visited link */
a:hover {color: #00adef;
	text-decoration: none;
}   /* mouse over link */
a:active {
	text-decoration: none;
}   /* selected link */

a.download{ padding-left: 17px; line-height: 24px; background: url(../images/download.png) no-repeat left center; }

/* boton presupuestar */
a.presupuestar{
	color: white;
	background-color: #00ADEF;	
	padding: 3px;
	font-weight: bold;
}


h1 {
	  font-size: 18px; 
	  color: #4984C5; 
	  text-decoration: none;
	  font-weight:bold;
	  clear:both; line-height: 18px;
	  text-indent: -10000px;
}
h2{
	  font-size: 14px; 
	  color: #4984C5; 
	  text-decoration: none;
	  clear:both; line-height: 18px;
}
h3{
	  font-size: 12px; 
	  color: #4984C5; 
	  text-decoration: none;
	  clear:both; line-height: 12px;
	  margin-bottom:0;
}

a.textButton{ color: white;
	background-color: #00ADEF;	
	padding: 2px 5px;
	font-weight: bold;
	text-decoration: none;
	width: auto;
}
#marco {  
	margin: 20px auto 10px; 
	width: 1000px;
	background: url(../images/fondo-marco.png) repeat-y 0;
} 

#top {
	width: 230px;
	height: 24px;
	float: right;
	background: white;
	margin-top: 45px;
	margin-right: 25px;
	text-align: center;

	}
#nav {
	text-align: left;
	clear: both;
	background-color: #00ADEF;
	width: 734px;
	height: 26px;
	display: block;
	margin-bottom: 7px;
}
#logo{	float: left; width:228px; height:78px; overflow: hidden; margin: 11px 16px; } 

#socialDiv{
	float: left;
	width: 240px;
	margin-left: 225px;
	margin-top: 20px;

}
#botlogo{}
#header { 
height:100px;
padding: 0; 
margin: 0;
text-align: right;
	background: url(../images/colores.png) no-repeat 494px 75px;
} 
#contenedor{
margin: 0;
padding: 0;
height: 100%;
}
 
#contenido{  
float: left; 
margin: 0; 
padding: 0; 
width: 734px; 
background-color: white;
text-align: left;
min-height: 540px;
position: relative;
} 
 
#derecha {  
color: #333; 
margin: 0; 
padding: 0 4px; 
width: 255px; 
float: left;
min-height:540px;
position: relative;
	display: inline-block;
} 
 
#footer {  
width: 1000px; 
clear: both; 
margin: 10px 0 0;
background-color: #BDA3CB;
text-align: center;
	color: white;
	padding: 10px 0;
} 

.divpadding{
	padding: 15px;
}


/* estilos personales*/
img.izquierda{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}
.small{
	font-size: 9px;
}
.items{
	bottom: 10px;
}
.separadorH{
	background-color: #00ADEF;
	width: 100%;
	height: 4px;
	clear: both;
	margin: 5px 0;
}
.presupuestar{
	color: #00ADEF;
	font-weight: bold;
	text-align: right;
	float: right;
		margin-right: 5px;
}

.ban-home{
	margin: 3px;
}

.fecha{
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}

#footer a{
	color: #686661;
	text-decoration: none;
	line-height: 11px;
}

.banner-cap{
	color: white;
	margin-left: 5px;
	font-weight: bold;
}

.w230{
	width: 230px;
	list-style-type: disc;
	list-style-position: inside;
}


.w280{
	width: 300px;
	list-style-type: disc;
	list-style-position: inside;
}
.flt{
	float: left;

}
.frt{
	float: right;
}

.fitem{
	display:block;
	padding:10px;
	clear:both;
	}
.flabel{
	width:200px;
	float:left;
	}
.ffield{
	width:300px;
	margin-left:20px;
	float:left;

	}
	
.producto_bajada{
	color: #787878;
	font-size: 12px;
	line-height: 15px;
}
.float420{
	width: 400px;
	margin-left: 20px;
	padding: 0;
	float: left;
}
.nofloat{
	clear: both;
}
.sep{
	clear: both;
	height: 10px;
	display: block;
}
.recuadro{
	border: 1px solid #4984C5;
	padding: 5px;
}


/* heredados */

.contentheading, .componentheading{
	color: white;
	background-color: #00ADEF;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto 5px;
	padding: 0 0 0 7px;
	line-height: 22px;
}
.contentpane, .contentpaneopen {
	padding: 0 10px;
	margin: 0 auto;
	clear: both;
}
div.contentpaneopen {
		text-align: left;

}
.contentpaneopen ul, .contentpaneopen li{
	color: #4984C5;
	text-align: left;
	list-style-type: none;
}

.moduletable-top{
	margin:0;
	padding: 0;	
	display: inline-block;
	color: #00adef;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 2px;

}

/*************************************************************/
/* MENU */

a.mainlevel{
	color:		white;
	font-variant: small-caps;
	font-size: 11px;
	font-weight: bold;
	line-height:	1.0;


}
#active_menu, a.mainlevel:active a.mainlevel:hover  {
	outline:		0;
	background-color: #527CC6;

}


/* Formularios*/
input{
	width: 280px;
	float: left;

}
label, .frmLabel{
	width: 250px;
	float: left;
	white-space: nowrap;
}
.frmInput{
	width: 280px;
	float: left;
}
.frmElem{
	padding: 5px;
	clear: both;
	display: block;
}
.chkbx{
	width: 20px;
	float: left;
	border: none;
}
.tip {
	padding: 3px;
	margin-top: 5px;
	background-color: #ff9900;
	color: white;
	clear: both;
}
#divPedido{
	
	clear:both;
}


#cotizacion {
	border: 1px solid #9F9C97;
	padding: 5px;
}

#cotizacion p {
	margin-bottom: 5px;
}

#cotizacion label {
	float: left;
	width: 100px;
}

#cotizacion input, #cotizacion textarea, #cotizacion select {
	border: 1px solid #9F9C97;
}

#cotizacion .red {
	border: 1px solid red;
}

#cotizacion label.red {
	border: none;
	color: red;
}

#cotizacion .customRed {
	border: none;
	color: red;
}

#cotizacion #submit {
	margin-left: 100px;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#cotizacion .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

/* TABS*/

/* root element for tabs  */
.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	
}

/* single tab */
.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

.tabs a { 
	background: url(../images/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }


/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; width:174px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; width:194px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}

/* galerias*/
.mini{
	float: left;
}
/* overlays */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	background-color:#333;
	min-width:600px;	
	min-height:200px;
	border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	left:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* styling for elements inside overlay */
.details {
	position:absolute;
	bottom:0;
	left:0;
	font-size:10px;
	color: #6b6b6b;
	width:auto;
	background-color: silver;
	display: block;
	padding: 0 10px;
}
	
	.details p {
		font-weight: bold;
}

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:600px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* slideshows*/

.rotator{
	position:relative;
	overflow:hidden;
}
.items {
	position:absolute;
}

ul#rotator {position:relative;list-style:none;list-style-image:none;margin:0px auto;padding:0px;overflow:hidden;border:none;background:none;}
ul#rotator li {list-style:none;margin:0px;padding:0px;border:none;background:none;}
ul#rotator li a {margin:0px;padding:0px;border:none;background:none;}
ul#rotator li a img {display:none;position:absolute;top:0;left:0;border:none;background:none;}
ul#rotator li img {display:none;position:absolute;top:0;left:0;border:none;background:none;}
ul#rotator li#rotator-loading {background:#fff url(loading.gif) no-repeat center;}
ul#rotator li#rotator-loading-black {background:#000 url(loading_black.gif) no-repeat center;}

/* mensaje de error en formularios */
.error p {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size: 11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;


	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
	line-height: 12px;
}

.testimonio{
	width: 30%;
	background-color:#fdfdfd;
	border:2px solid #eee;
	font-size:11px;
	color:#333;
	float: left;
	margin: 5px;
}
.rounded{
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}
.inner{
	padding: 5px;
}

/* FILE UPLOADER */
div.file_upload {
  position: relative;
  overflow: hidden;
  direction: ltr;
  cursor: pointer;
  text-align: center;
  color: #333;
  font-weight: bold;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  width: 250px;
  height: 50px;
  padding: 5px;
  line-height: 20px;
  background: #fbfbfb;
  border: 1px solid silver;
}

div.file_upload_small {
  width: 300px;
  height: 30px;
  line-height: 30px;
  font-size: auto;
  background: #fbfbfb;
  border: 1px solid #fbfbfb;
}

div.file_upload_large {
  width: 100%;
  height: 150px;
  line-height: 150px;
  font-size: 20px;
  background: #fbfbfb;
  border: 1px solid #fbfbfb;
}

div.file_upload_highlight {
  background: #fcfcfc;
}

div.file_upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: 300px solid transparent;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  filter: alpha(opacity=0);
  -o-transform: translate(-300px, -300px) scale(10);
  -moz-transform: translate(-800px, 0) scale(10);
  cursor: pointer;
}

.file_upload iframe, .file_upload button {
  display: none;
}

.file_upload_name, .file_upload_preview img { width: 150px; float: left; }
.file_upload_des, .file_upload_den {width: 155px; float: left; margin-left: 5px;}
.file_upload_cat {width: 120px; float: left; margin-left: 5px;}
.file_upload_obra, .file_upload_pos, .file_upload_pub{width: auto; float: left; margin-left: 5px;}
.file_upload_progress { width: 55px; float: left; margin-left: 5px; overflow: hidden;}
.file_upload_progress .ui-progressbar-value { background: url(bar.png);}
.file_upload_progress div { width: 50px; height: 15px; }
.file_upload_start button, .file_upload_cancel button {width: 24px;  height: 24px; cursor: pointer; text-align: center; }

.file_upload_start span.button{
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	background: url(../images/upload.png) no-repeat left top;
	font-weight: bold;
	cursor: pointer;
	float: left; margin-left: 5px;
}
.result_icon_tilde{ padding-left: 18px; background: url(images/tilde.png) no-repeat left center; display: block;}

.ui-icon{ width: auto; float: left; }
div#files { display: block; clear: both; margin: 5px 0; }