body{
margin:0;
padding:0;
background: #fff url(image/bg.jpg);
}
h1, h2, h3
{ font-family: arial, sans-serif;
  font-size: 120%;
  line-height: 1.25em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  color: #fff;
}
h4
{ font-family: arial, sans-serif;
  font-size: 90%;
  line-height: 1.25em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  color: #fff;
}
.imagen{
border: 2px dotted gray;
margin-left:10px;
margin-bottom:10px;
}

p{
line-height: 0.98em;
margin: 0px;
padding: 0px 0px 8px 0px;
font-family: arial, sans-serif;
}

b{font-size: 100%;
}
em{color: red;}

#maincontainer{
width: 760px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
color: #fff;
background: #fff url(image/bg2.jpg);
}

#topsection{
background: #fff url(images/header.jpg) ;
height: 90px; /*Height of top section*/
border-left: 8px solid #FF7F9F;
border-bottom: 1px solid #885b5c;
width: 100%;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
}

.parrillafotos{
width:500px;
margin-left: 45px;
}

.columnas{
	width: 560px;
}

.pcols {
	float: left;
	width: 260px; /* 400/2 = 200 = 2 columnas ;) */
	margin-left:10px;
	padding:0px;
        line-height: 1.25em;
}

#contenido a:link{
color: #00FFFF;
text-decoration: none;
}

#contenido a:visited{
color: #00ff00;
text-decoration: none;
}
#contenido a:hover{
color: #ff00ff;
text-decoration: none;
}

#contenido a:active{
color: #ffff00;
text-decoration: none;
}


#leftcolumn{
float: left;
height: auto;
width: 160px; /*Width of left column*/
margin-left: -760px; /*Set left margin to -(MainContainerWidth)*/
background: #CF275F;
border-left: 8px solid #FF7F9F;
}
.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px; /* width of menu (don't forget to add border with below!) */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(image/menu2.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}


#footer{
clear: left;
width: 756px;
height: 62px;
padding: 28px 21px 10px 19px;
background: black url(image/pie.jpg);
color: #aaa;
text-align: center;
padding: 0px 0 5px 2px;
border-left: 8px solid #FF7F9F;
border-top: 1px solid #000;
}

#footer a{
color: #000;
}

#footer a:hover
{ background: transparent;
  color: #AAA;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 5px;
}

}
#myform{
color: #fff;
font: normal 70%  verdana;
}

#myform a{
color: #808080;
}
#myform div.menutitle2{
color: #295D82;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: #80C8E0;
font: bold 110% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 200px;
height: 150px;
}
