/** BASIC */

html, body {
	height: 100%;
}

.text1 {
	margin-bottom: 20px;
}

.text2 {
	margin-bottom: 10px;
}

/** WRAPPER */

#wrapper {
}

/** HEADER */

#header {
	width: 778px;
	
	margin: 0px auto;
	padding: 0px;
}

#logo {
	float: left;
	color:#ffffff;
	width: 218px;
	height: 315px;
	margin: 0px;
	padding: 0px;
	background: url(../images/homepage06.jpg) no-repeat left bottom;
}

#logo h1, #logo p {
	
}

/** HEADER-TEXT */

#header-text {
	float: left;
	color:#ffffff;
	width: 307px;
	height: 315px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/homepage07.jpg) no-repeat left top;
}

#header-text h2, #header-text p {
	color: #FFFFFF;

}
/** TOPMENU */

#top-menu {
	float: left;
	width: 253px;
	height: 315px;
	margin: 0px;
	padding: 0px;
}

#top-menu ul {
	height: 43px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#top-menu li {
	display: inline;
}

#top-menu a {
	display: block;
	float: left;
	height: 43px;
}

#top-menu b {	
	display: none
}

#top-menu1 {
	width: 111px;
	background: url(../images/homepage10.jpg) no-repeat left top;
}

#top-menu2 {
	width: 45px;
	background: url(../images/homepage11.jpg) no-repeat left top;
}

#top-menu3 {
	width: 97px;
	background: url(../images/homepage12.jpg) no-repeat left top;
}

#extra1 {
	height: 97px;
	background: url(../images/homepage08.jpg) no-repeat left top;
}

#extra2 {
	height: 175px;
	background: url(../images/homepage14.jpg) no-repeat left top;
}

/** MENU */

#menu {
	width: 778px;
	height: 42px;
	margin: 0px auto;
	  
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	
	
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
		display: inline;
}

#menu a {
	display: block;
	float:left;
	height: 42px;
	text-decoration:none;
	
}

#menu b {
		
}

#menu1 { 
	width: 141px;
	padding-top:20px;
	font-weight:bold;
	text-align:center;
	color: #ffffff;
	background: url(../images/homepage01.jpg) no-repeat left top; 
	
}

#menu2 { 
	width: 158px;
	padding-top:20px;
	text-align:center;
	color: #ffffff;
	background: url(../images/homepage02.jpg) no-repeat left top; 
	
}

#menu3 { 
	width: 161px;
	padding-top:20px;
	text-align:center;
	color: #ffffff;
	background: url(../images/homepage03.jpg) no-repeat left top; 
}

#menu4 { 
	width: 165px;
	padding-top:20px;
	text-align:center;
	color: #ffffff;
	background: url(../images/homepage04.jpg) no-repeat left top; 
}

#menu5 { 
	width: 153px;
	padding-top:20px;
	text-align:center;
	color: #ffffff;
	background: url(../images/homepage05.jpg) no-repeat left top; 
}

/** CONTENT */

#content {
	clear: both;
	width: 778px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	color: #313131;
}

/** BOX1 */

#box1 {
	float: left;
	width: 206px;
	padding: 0px 0px 0px 48px;
}

/** BOX2 */

#box2 {
	float: left;
	width: 206px;
	padding: 30px 0px 0px 42px;
}

/** BOX3 */

#box3 {
	float: left;
	width: 204px;
	padding: 0px 0px 0px 36px;
}

/** BOX4 */

#box4 {
	float: left;
	width: 476px;
	padding: 0px 0px 0px 36px;
}

#box6 {
	float: left;
	width: 740px;
	padding: 0px 0px 0px 36px;
}
/** BOX5 */

#box5 {
	float: left;
	width: 700px;
	padding: 0px 0px 0px 36px;
}

/** FOOTER */

#footer {
	clear: both;
	width: 778px;
	height: 81px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
.buttonC {
    background: url(../images/btnUpdatec.png) no-repeat top left transparent;
    color: #FFFFFF;
    display: block;
    height: 24px;
	border: 0px;
	width: 70px;
	margin-top: 5px;
    text-align: center;
}

/* ----------------------------------------------Modales- Inicio------------------------------------*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index: 9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
border-radius:10px;
position: fixed;
 margin-left:auto; 
 margin-right:auto; 
 margin-bottom:auto; 
 margin-top:auto;
  width:650px;
  height:260px;
  display:none;
  z-index:9999;
  padding:10px;
}

#boxes #dialog { 
  width:450px; 
  height:230px;
  padding:10px;
  background-color:#ffffff; 
}

#boxes #dialog1 {

   width:550px; 
  height:450px;
  padding:10px;
  background-color:#ffffff; 

}

#boxes #dialog2 {
   
   width:550px; 
  height:120px;
  padding:10px;
  background-color:#ffffff; 

}

#boxes #dialog3 {
  
   width:680px; 
  height:620px;
  padding:10px;
  background-color:#ffffff; 

}

#boxes #dialog4 {
   width:680px; 
  height:420px;
  padding:10px;
   background-color:#ffffff; 

}


#boxes #dialog5 {
   width:550px; 
  height:320px;
  padding:10px;
   background-color:#ffffff; 

}

#boxes #dialog6{
   width:550px; 
  height:320px;
  padding:10px;
 background-color:#ffffff; 

}

.text-error {
  color: #b94a48;
}

/* ----------------------------------------------Modales-Fin------------------------------------*/