/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #dcdcdc;
}
#wrapper { 
 margin: 0 auto;
 width: 950px;
}
#header {
	width: 100%;
	color: #333;
	padding: 0px;
	border: 0px solid silver;
	height: 130px;
	border-bottom: 0px solid #ff3333;

	margin: 0px 0px 0px 0px;
	background: #c13000;
}
.headerleft
{
 margin: 0 auto;

width:950px;
	border: 0px solid silver;
	height: 125px;
padding:0px;
background-image:url(http://www.palobonito.com/blancoynegro/logo.png);
background-repeat:no-repeat;
background-position:left;
background-color:#c13100;
}
.headerright
{
float: right;
width:490px;
padding:0px;
height: 125px;
border: 0px solid silver;
text-align:right;


}

#navigation {
 width: 1000px;
 color: #333;
 padding: 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #BD9C8C;
}
#content { 
 width: 950px;

border:1px solid #CDCECE;
float:left;
 background:  #fff;
 margin: 0px 0px 0px 0px;
 padding-top:0px;

 position:relative;

}
.contentbox
{
width:950px; 
 border-bottom :0px solid #CDCECE;
float:left;
background-color:#Fff;
position:relative;
padding-bottom: 10px;
}
.centerbox
{
width:510px; 


border-bottom:0px solid #3388FF;
float:left;
position:relative;
padding:10px;
padding-right:15px;

background-color:#fff;
margin-bottom:10px;





}

.centerbox h1
{

font-family: "Trebuchet MS", sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
margin:5px;
color:#484848;
}
.centerbox  strong
{
color:#cc0000;}

.centerbox p
{
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;
text-align:justify;

}
.centerboxr
{


width:287px;

float:left;
border:0px solid #f2f2f2;
position:relative;

}
.boxr
{
width:240px;
border:1px solid gray;
margin-top:7px;
margin-bottom:5px;
padding:7px;
float:left;
position:relative ;
background-color:#fff;

}
.boxr p
{

background-color:#fff;
border:0px solid #7B8A4E;
color:#000;
padding:10px;
font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin:0px;
}

hr {border: none 0; 
border-top: 1px dashed #000;/*the border*/
width: 92%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-bottom:0px;
} 
.boxr h2{
background-color:#Fff;
font-family: Verdana, sans-serif;
border-bottom 0px solid #70ACFF;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
color:#cc3333;
padding:5px;

}


#content1 { 
 width: 950px;

 border:1px solid #CDCECE;

 background:  #fff;
 margin: 0px 0px 0px 0px;
 padding:15px;

}
#content1 h1
{
font-family: "Trebuchet MS", sans-serif;
font-size: 42px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -3px;
line-height: 1.2em;
margin-top:15px;
color:#5187B9;
}

#content1 p
{
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin-top:20px;
}
#content1 strong
{
font-family: "Trebuchet MS", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;
color:#ff3333;
}
#content1 a, a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal ;
text-transform: normal;
text-decoration:none;

letter-spacing: 0.2px;
line-height: 1.5em;
color: #0000ff;
}

#content1 a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: bold ;
text-transform: normal;
text-decoration: underline;

letter-spacing: 0.2px;
line-height: 1.5em;
color: #ff3333;
}

#footer { 
 width: 1000px;
 color: #333;
 border: 2px solid red;
 border-top: 0px;
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 display:none;
}



.photo5
{
float:left;
margin:5px;
 border: 5px solid #ccc;
 padding:0px;

}




.photo{
	
	margin: 5px;

	position: relative;
	
}

.photo2{
	
	margin: 7px;
	float: left;
	padding: 10px;
	position: relative;
	background-color:#f2f2f2;
}


.photo1{
	
	margin: 7px;
	float: left;
	padding: 10px;
	position: relative;
	background-color:#f2f2f2;
}



.photo3{
	
	margin: 7px;
	padding: 10px;
	position: relative;
 background-color:#f2f2f2;
   float:  right;
		 
}



#menu {
	width: 135px;
	border: 2px solid #8b4513;
	margin: 0px 0px 6px;
	background: #fffff0;
	padding: 10px;
	float: left;
}
#mesbox{
	width:475px;

	margin: 0px;
	background: #fff;
	padding: 10px;
	float:  right;
}

#mesbox a{
font-family: Georgia;
font-size: 30px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
color: #3333ff;
 text-decoration: none;
}
#mesbox a:hover{
	color: #cc0000;
	 text-decoration: underline;
}

#nav-menu ul
{


list-style: none;
padding: 0;
margin-top:70px ;
}

#nav-menu li
{
float: left;
margin-left:20px;
}

#nav-menu li a
{

height: 2em;
line-height: 2em;
float: left;

display: block;
border: 0px solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */



#nav-menu li a img
{
border:0px;
}
#nav-menu
{



float:right;
width:500px;

} 


.listmenu ul {
margin: 10px 5px; 5px 0;
padding: 4px 0 2px 0;
list-style-type: none;
width:118px;
float:left;
}

.listmenu li a {
color: #dd3333;
display: block;
border-left:0px solid #666;
border-right:0px solid #666;
height: 22px;
padding: 4px 0 4px 14px;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;
background-color:#fff;}

.listmenu li a:hover {
background-color: #3388FF;
color:#fff;}

.ar
{
width:100px;
margin:5px;
padding:7px;
margin-top:0px;
padding-top:0px;
border: 0px dashed #993300;
font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em

}

.ar span
{
color:#336699;
text-decoration:none;
cursor:pointer
}
.ar span:hover
{
color:#ff3333;
text-decoration:underline;}

.box1
{
border:2px solid #E4E6FF;
background-color:#fff;
padding:15px;
padding-top:10px;
position:relative;
float:left;}
.box1 h1
{
margin-bottom:10px;
color: #fff;
padding:5px;
background-color:#6792B9;


}

.box1 a

{
font-family: Verdana, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em;
text-decoration:none
}
.box1 a:visited{
color:#ff3333;}

.box1 a:hover{
text-decoration:underline;
}
.inputtext{ 

width:200px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
padding:3px;
margin-top:5px;
border:1px solid #cccccc; 
} 

 textarea{
	width: 400px;
	text-align:center
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	
	
}
.centerbox h3{

font-family: Verdana, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;
color: #336699;
margin-bottom:10px;
}

.blogbox
{

background-color:#FFFFFF;
width:300px;
float:left;
position:relative;
padding:10px;
margin-left:5px;
	
border:1px solid #ccc;}




.blogbox h1{
font-family: Georgia, serif;
font-size: 40px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.2em;
color:#484848;
margin-bottom:12px;
margin:10px;}

.blogbox p{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.45em;}





#carousel-wrapper {   
 width: 500px;  
  height: 300px;   
   overflow: hidden;
  }
#carousel-content 
{   
width: 2500px;

#carousel-content .slide {   
 float: left;   
 width: 500px;   
  height: 300px;
  }