@charset "utf-8";
/* CSS Document */



/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* MON CSS
-------------------------------------------------------------------*/

body{
background-color:#333333;




}
#wrapper{
background-color:
#66CC33;
width:1100px;
position:relative;
margin:0 auto; 
left:25px;


}


#header{
width:1100px;
height:190px;
background-image:url(images/backheading.png);
background-repeat:
repeat-x;

}


#content{


width:755px;

float:left;

background-color:
#333333;
border-left:1px;
border-left-style:solid;
border-left-color:#333333;
display:inline-block;

}
#sidebar{
display:inline-block;
float:right;
right:1px;
width:344px;
background-image:url(images/backsidebar.png);
margin-bottom: 10px;

}

#footer{
position:relative;
top:0px;
float:left;
height:146px;
width:1100px;
background-image:
url(images/backfooter.png);
background-repeat:repeat-x;

}


#lalignos{
background-color:#333333;
width:1100px;
height:409px;


}
#logo{
position:relative;

left:10px;
top:10px;
float:left;


}

#headermenu{
position:relative;
float:left;
top:160px;
left:30px;




}

#menupuside{
position:relative;
width:343px;
height:300px;
background-image:url(images/backsidepub.png);
background-repeat:no-repeat;
float:right;
right:1px;
margin-bottom: 10px;

}
#sidehaut{

height:0px;
float:left:
width:344px;


}
#lavideo{
position:relative;
left:30px;
top:50px;
background-image:url(images/backvideo.png);
background-repeat:no-repeat;
width:450px;
height:331px;
float:left;


}
#lapublignos{
position:relative;
right:50px;
top:50px;

width:447px;
height:312px;
float:right;
background-image:url(images/back1.png);
background-repeat:no-repeat;



}
#vidz{

width:348px;
height:260px;
position:relative;
left:27px;
top:30px;



}
#imapublignos{
position:relative;
top:30px;
left:20px;
float:left;


}
#ligus{
background-color:#333333;
height:25px;
width:1100px;



}
#lapublis{
position:relative;
float:right;
top:28px;
right:30px;

}

#blocksidebar3{
width:200px;
height:200px;

float:right;

position:relative;
top:10px;
right:10px;



}
#blocksidebar3 h3{
margin-left:15px;
color:
#FFFFFF;

}
#blocksidebar3 li{
list-style:none;


}
#blocksidebar3 li a{
text-decoration:none;
color:
#9d1961;
margin-left:15px;


}

#civico{
position:relative;

top:15px;
width:250px;
height:250px;
float:right;
right:10px;


}
#content .post { margin-bottom: 40px;margin-top:10px;
color:#CCCCCC; }
#content .post p { margin-bottom: 20px;margin-left:10px;margin-right:10px; }
#content .post h1  { text-decoration: none;
color:#3399CC; 
font:Arial, Helvetica, sans-serif;
font-size:28px;
margin-left:10px;}
#content .post h1 a { text-decoration: none;
color:#3399CC;margin-left:10px; }
#content .post-list li { list-style: none;
color:
#CCCCCC; }
#content .post-list li a { color:#FFFF66;
font:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:20px;margin-left:10px;
font:bold; }
#content .post .post-info { 
	clear: both; 
	font-size: 11px; 
	color: #777; 
	padding: 3px 5px 5px 5px; 
	margin-bottom: 20px; 
	border-top: 1px solid #aaa; 
	border-bottom: 1px solid #aaa; 
	background: #c9d6cc; 
	margin-left:10px;margin-right:10px;
}
#content .post .post-info a { color: #333; text-decoration:none; }
#content .post .post-info a:hover { color: #555; text-decoration:none; }
#content ul, ol, dl { margin-bottom: 20px; }
#content ul { 
	list-style: disc;
	list-style-position: inside; 
}
#content ol { 
	list-style: decimal; 
	list-style-position: inside; 
}
#content dl dt { 
	font-weight: bold;
}
#content dl dd { 
	font-style: italic;
	margin: 0 0 5px 20px;
	color: #555;
}

.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 5px 15px 10px 0; }
.alignright { float: right; margin: 5px 0 10px 15px; }



#pagos{
width:500px;
position:relative;
left:150px;


}