/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2007.08.03
   PURPOSE: Controls the layout of the site elements
 **************************************************************/


/**************************************************************
   Vertically centred band
 **************************************************************/

#horizon
{
	text-align: center;
	position:absolute;
	top: 100px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;

}

#horizon #band
{
	/*position: absolute;*/
	left: 0;
	top: /*-91px;*/ 0px;
	height: /*183px;*/ 100px;
	visibility: visible; /*background: url(../../img/bg/band.jpg) repeat-x top left;*/
}



/**************************************************************
   Loader and progress bar
 **************************************************************/

#loader
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 500;
	background-color: #FFF;
}

#loader #bar
{
	position: absolute;
	bottom: 0 !important;
	bottom: -5px;
	left: 0;
	height: 5px;
	width: 0;
	background-color: #A40101;
}


/**************************************************************
   Javascript disabled message
 **************************************************************/

#noscript
{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 501;
	padding: 5px 0;
	text-indent: 5px;
	background: #FFFBBC;
	border-bottom: 1px solid #FFF66A;
}

#noscript a
{
	border: 0;
}



/**************************************************************
   Content
 **************************************************************/
/*Este content y sus subids son utilizados en dos secciones de la pagina*/
#content
{
	/*position: relative;  */ /*width: 960px;*/
	width: 616px; /*height: 364px;*/
	margin: 0 auto;

}

/* The 3 main menu links */
#content #logo
, #content #about
, #content #work
, #content #contact
, #content #tarifas
, #content #curriculum
, #content #diseno
, #content #contactenos
{
	position: relative;
	z-index: 2;
	float:left;
	width:100%;
	height: 100px;
	margin-left: 0px; /* Prevents dotted outline from link clicks *//*5*/
	outline: none;
	-moz-outline-style: none;
	border: 0;
	/*background-color:Red; -->Para probar*/
}

#content #aboutImg
, #content #workImg
, #content #contactImg
, #content #tarifasImg
, #content #curriculumImg
, #content #disenoImg
, #content #contactenosImg
{
	visibility: hidden;
	opacity: 0;
	
}

#content #logo
{
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -1000em;
	background: url(../../img/bg/logo.jpg) no-repeat top left;
}

#content #about
{
	margin-left: 0; 
	/*background: url(../../img/bg/about.jpg) no-repeat top left;*/
}

#content #work
{
	/*background: url(../../img/bg/work.jpg) no-repeat top left;*/
}

#content #contact
{
	/*background: url(../../img/bg/contact.jpg) no-repeat top left;*/
}


/* Sliding open/close content window */
#content #slider
{
	position:relative;
	top: 0px;
	left: 0px; /*AQUI POSICION*/
	width: 630px; margin-left:-2px; /*body mide 620px*/
	height: 0px;
	text-align: left;
	overflow: hidden;
	background-color:#ed8601;
}


/**************************************************************
    Content Frames
 **************************************************************/

#aboutFrame
, #workFrame
, #contactFrame
, #tarifasFrame
, #curriculumFrame
, #disenoFrame
, #contactenosFrame

{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	height: 304px;
	clip: rect(auto 630px auto auto);
	overflow: hidden;
	visibility: hidden;background-color:#ed8601;
}

/*Each frame must be wide enough to hold all sub frames side-by-side 
   (multiple of # of frames * width of ".frame" class) 
 #aboutFrame {
   width: 346px;   
 }
 
 #workFrame {
   width: 2768px; 
 }
 
 #contactFrame {
   width: 346px; 
 } */

#aboutScroll
, #workScroll
, #contactScroll
, #tarifasScroll
, #curriculumScroll
, #disenoScroll
, #contactenosScroll

{
	position: absolute;
	top: 40px;
	left: 0;
}





/**************************************************************
    Paging on frames
 **************************************************************/

.paging
{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	font: bold 14px georgia, serif;
	font-variant: small-caps;
	color: #C0BEBE;
}

.paging .prev, .paging .next
{
	float: left;
	height: 15px;
	border: 0; /* Prevents dotted outline from link clicks */
	outline: none;
	-moz-outline-style: none;
	background-color: #D10707;
}

.paging a:hover.prev, .paging a:hover.next
{
	background-color: #000;
	border: 0;
}

.paging a.disabled, .paging a:hover.disabled
{
	cursor: default;
	background-color: #C0BEBE;
}

.paging span
{
	position: relative;
	top: -3px;
	float: left;
	width: 3.5em;
	text-align: center;
}

.paging .pages
{
	background-color:#ed8601; color:White;
}

/**************************************************************
   Thumbnails
 **************************************************************/

.thumbs
{
	/*float: left;*/
}

.thumbs a
{
	border: 0;
}

.thumbs a img
{
	margin: 3px 4px 3px 3px;
	border: 3px solid #CCC;
}

.thumbs a:hover img
{
	border: 3px solid #AAA;
}

.thumbs a.last img
{
	margin-right: 0;
}

.gray
{
	padding: 0 4px;
	color: White;
}




.frame
{
	padding-top:5px;
	float: left;
	width: 630px;
	color:White;
}
#horizon h1 
{
 color:White; font-family:georgia; text-transform:uppercase; border-bottom:solid 1px white;
 padding-bottom:0px; margin-bottom:0px;
}

.importante
{
	padding-top:5px;
	padding-left:10px;font-family:georgia;
	color:White;
	font-size:10px;
	
}
.frame p
{
	color:Black;
	font-size:11px;
}

#linkstopages .linktopage a
{
    color:White;
}
#linkstopages .linktopage
{
    color:White; background:url(../../images/arrow_01.gif) no-repeat bottom left; padding-left:15px;
}
#linkstopages .linktopage:hover
{
    color:White; background:url(../../images/arrow_01hover.gif) no-repeat bottom left; padding-left:20px;
}

.imagenizq
{
    float:left;
    border:solid 1px Black; margin-right:8px;
}

.contenidotabla{background-color:#FED29C;border: solid 0px #B4D1FE;}
.contenidotabla table{background-color:#D67902;}
.contenidotabla table tbody tr th {border-bottom: 1px solid #B4D1FE;}
.contenidotabla table tbody tr td {border-bottom: 1px solid #B4D1FE;}