

body {
font-family: 'Trebuchet MS', Arial, sans-serif;
color: #fff;
font-size: 14px;
margin:0;
text-align: center; /* for IE */
background: #335CAD url(flor-bg.png) center top no-repeat;
}


.noborder {
border: 0;
background: none;
}

/*
h1 {
margin: 10px 0;
padding: 0 10px 0 0;
text-align: right;
border-bottom: 2px dashed #FFe0FF;
}
*/



h2 {
margin: 15px 0 0 0;
padding: 0;
}

h3 {
color: #f90;
font-size: 30px;
margin: 20px 0 15px 0;
padding:0;
}

p {margin-top: 5px}

ul {
list-style: circle;
/*margin: 0 0 1em 2em;*/
}

a:link, a:visited {
color: #A9CAFF;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #FF802D;
}





#contenedor {
		margin: 10px auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
		width: 754px;

}


#header {
height: 303px;
margin: 0;
padding: 0;
border: 2px solid #009EFF;
border-bottom: 0;
}

#header h1 a, #header h4 a, #header h6 a, #header-der a{
display: block; /* Allows you to change the width and height of the image */
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
}

#header h1 a{
height: 102px;
width: 440px;
background: url(payasos-fiestas-infantiles-mexico/payasos-h-bg_r1_c1.png) 0 0 no-repeat; 
}

#header h4 a{
height: 99px;
width: 440px;
background: url(payasos-fiestas-infantiles-mexico/payasos-h-bg_r2_c1.png) 0 0 no-repeat; 
}

#header h6 a{
height: 102px;
width: 440px;
background: url(payasos-fiestas-infantiles-mexico/payasos-h-bg_r3_c1.png) 0 0 no-repeat; 
}


#header-der a{
height: 303px;
width: 310px;
}

#header h1, #header h4, #header h6{
margin: 0;
padding: 0;
}



#header-izq {
width: 440px;
height: 303px;
float: left;
}


#header-der{
width: 310px;
height: 303px;
float: left;
background: url(payasos-fiestas-infantiles-mexico/payasos-h-bg_r1_c2.jpg) top left;
}





#menu {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
background: #0069FF url(payasos-fiestas-infantiles-mexico/menu-bg.png) repeat-x;
}

#menu a {
color: #E0EAFF;
font-weight: bold;
margin: 6px;
font-size: 15px;
text-decoration: none;
}


#menu a:hover {
color: #FF8232;
}

#contenido {
width: 750px;
background: #039;
float: left;
margin: 0;
border: 2px solid #009EFF;
border-top: 0;
}

#izq {
width: 330px;
float: left;
margin-right:15px
}



#servicios-payasos {
float: left;
width: 287px;
padding: 15px 0 10px 30px;
}

div.serv {
float: left;
width: 287px;
height: 106px;
background: url(payasos-fiestas-infantiles-mexico/s-izq-bg.png) no-repeat;
}


div.serv p{
padding: 0 7px 5px 0px;
margin: 0;
font-size: 12px
}

div.serv h2{
margin: 2px 0 0 60px;
padding: 0;
font-size: 16px;
}


#payasos-1, #payasos-2, #payasos-3,
#imitadora-tatiana-1, #imitadora-tatiana-2, #imitadora-tatiana-3,
#barney-1, #barney-2, #barney-3{
float: left;
clear: left;
padding: 0;
}

#payasos-1 {margin: 14px 0 0 3px; width: 59px; height: 41px;}
#payasos-2 {margin-left: 3px; width: 59px; height: 16px;}
#payasos-3 {margin-left: 3px; width: 59px; height: 29px;}

#imitadora-tatiana-1 {margin: 6px 0 0 6px; width: 50px; height: 14px;}
#imitadora-tatiana-2 {margin-left: 6px; width: 50px; height: 27px;}
#imitadora-tatiana-3 {margin-left: 6px; width: 50px; height: 51px;}

#barney-1 {margin: 11px 0 0 6px; width: 61px; height: 26px;}
#barney-2 {margin-left: 6px; width: 61px; height: 47px;}
#barney-3 {margin-left: 6px; width: 61px; height: 16px;}



#fotos {
padding: 30px 0 20px 0px;
text-align: center;
}

#fotos-payaso {
padding: 30px 0 20px 20px;
text-align: center;
}


a:link img {
border: 1px solid #009EFF;
}


a:visited img {
border: 1px solid #009EFF;
}

a:hover img {
border: 1px solid #FF8232;
}


#der {
width: 400px;
float: left;
font-size: 15px
}

#interior {
margin: 0 10px;
}


#contacto {
margin: 30px 0 0 90px
}


#pie{
float: left;
width: 100%;

margin: 0 0 10px 0;
}

#pie p{
font-size: 12px;
color: #8BAED6;
text-align: center;
margin: 0px 0 0 0;
padding:0;
}






/*------contacto-----------*/
form {
margin-left: 50px
}

label {
text-align: left;
display: block;
font-weight: bold;
}  

input, textarea{
background-color: #A9CAFF;
border: 1px solid #009EFF;
color: #003399;
font-size:100%;
font-weight: bold;
padding:0.1em;
}

textarea{overflow:auto;
font-size:100%
}

.error {
color: red;
}

.contacto {
margin: 10px 0;
padding: 0;
}
