/*
Theme Name: bansTheme
Theme URI: http://bansbach-cr.com/blog
Description: Tema hecho para los blogs de bansbach por IGD .
Version: 1.0
Author: ReynerSibaja.com
*/
/****************GENERAL***************************/
* {margin: 0;padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;color:#666666; }
body {background: url(images/defaults/background.jpg) repeat-x top; }

img {vertical-align:bottom;border: none;}
.left{ float:left;}
.right{ float:right;}
.clear {clear: both;}

h1{ 
font-size:18px; 
color:#5258A1; 
padding:10px 0 15px;
}

h1 a{ 
font-size:18px; 
color:#5258A1; 
padding:10px 0 15px;
text-decoration: none;
}

h1 a:hover{ 
text-decoration:underlinee;
color:#5258A1; 
}

h2{
width: 253px;
height: 59px;
display: block;
margin: 0 auto;
}

h2 span{display:none;}

h4{
font-size: 12px;
padding:2px 0;
font-weight:bold;
}

p{ color:#666666; padding:5px 0; font-size:11px;}
a{ color:#666666; text-decoration:underline }
a:hover{color:#006699; text-decoration: underline}

/*COLOR LINKS*/
a.naranja{ color:#F05D11; }
a.celeste{ color:#009CDF; }
a.morado{ color:#5258A1; }
a.rojo{ color:#B50013; }
a.verde{ color:#92BE27; }
a.azul{ color:#0863B0; }
a.amarillo{ color:#FFB329;}
a.naranja:hover, a.celeste:hover, a.morado:hover, a.rojo:hover, a.verde:hover, a.azul:hover, a.amarillo:hover{ color:#666666}



/*********************************************/
#MainContainer{
background:url(images/defaults/serviciotecnico-page_background.jpg) no-repeat center top;
width:1044px;
margin:0 auto;
}


/* TOP STARTS */
#Top {
margin: 0 auto;	
height:188px;
padding:15px 0 0 0; 
width: 953px;
}

#mainLogo{
	 width: 289px;
	 height:  109px;
	 display: block;
	 
	 background-image: url(images/defaults/serviciotecnicologo.png);
	 background-repeat: no-repeat;
	 float: left;
}
#LogoBox{ 
width:237px;  height: 113px;
position: relative;
left:150px;
top: 0px;
float: left;
display: block;
 background-image: url(images/defaults/logo.png);
	 background-repeat: no-repeat;


}
#mainLogo a, #LogoBox a {
	 width: 100%;
	 height:  100%;
	 display: block;
	
}

ul#MenuTop{ 
float: left;
position: relative;
top: 80px;
list-style:none;
width:200px;
padding:15px 0 0 20px;
}

ul#MenuTop li{ 
display:block; 
font-size:12px;
float:left;
font-weight:bold;
}

ul#MenuTop li a{
background:url(images/defaults/arrow.gif) no-repeat 0 3px; 
text-decoration:none; 
color:#999999; 
padding:0 15px; 
} 

ul#MenuTop li a:hover{ 
	background: url(images/defaults/arrow_dark.gif) no-repeat 0 3px; 
	color:#666666; 
	text-decoration:underline
} 


/* MAIN PAGE STARTS */

#CenterContent{
margin:0 auto;
width:953px;
padding-bottom: 20px;
clear:both;
}

.leftcolumn{
width: 600px;
height: auto;
display: block;
float: left;
}

.post{
width: 600px;
height: auto;
margin: 0 0 20px 0;
}

.rightcolumn{
width: 320px;
height:auto;
display: block;
float: right;
background-image: url(images/defaults/serviciotecnico-bg-rightcolumn.jpg);
background-repeat: no-repeat;
padding-top: 20px;
}


/* FOOTER STARTS */
#Footer {
margin: 0 auto;
width: 953px;
height: 260px;
text-align:center;
font-size:11px;
color:#999999;
padding:25px 0;
background-image: url(images/defaults/bg-footer.jpg);
background-position: top;
background-repeat: no-repeat;
}

.footeroptions{
width: 953px;
height: 170px;
display:  block;
float: left;
}

.footerlinks{
width: 953px;
height: 40px;
display:  block;
float: left;
margin-top: 10px;
}

#Footer ul{ 
list-style:none;
text-align:center;  
margin:0 auto;
width: 953px;
height: 20px;
display: block;
}

#Footer ul li{ display:inline}
#Footer ul li a{color:#999999; text-decoration:none;}
#Footer ul li a:hover{color:#006699; text-decoration: underline}
p.copyright{font-size:11px;color:#999999;
}





/******************RIGHT COLUMN  EXCLUSIVE STYLES****************************/
ul.articuloslist{
	 list-style: none;
	 margin: 0 auto;
	 width: 220px;
	 height: auto;
	 display: block;
}
ul.articuloslist li{
	  display: block;
}

ul.articuloslist li a{
	color:#5258A1; 
	 font-size: 11px;
}


ul.linksblogs{
	 list-style: none;
	 margin: 0 auto;
	 width: 220px;
	 height: auto;
	 display: block;
	 	 margin: 10px auto;
}
ul.linksblogs li{
	font-size: 11px;
}



#respond{
	width: 600px;
	display: block;
}

ol.commentlist{
	list-style: none;
 display: block;
 width: 600px;
}
ol.commentlist li{
	  height: auto;
	   border: solid 1px #ccc;
		margin: 10px 0;
		width: 560px;
		padding: 20px;
		background-color: #F6F7F9;
}


/*******************IMAGES TITLES*********************************/

.articulos{
background-image: url(images/titles/articulosrecientes.png);
width: 253px;
display: block;
}
.nuestrosblogs{
background-image: url(images/titles/blogs.png);
width: 253px;
height: 59px;
display: block;
}

.canaldevideos{
background-image: url(images/titles/canaldevideo.png);
width: 253px;
height: 59px;
display: block;
}
.rightcolumn img{
	margin:0 auto; display:block;
	border: none;
}