/*   
Theme Name: Blogs Dominicanos
Theme URI: http://www.blogsdominicanos.com
Description: Diseņo oficial de Blogs Dominicanos.
Created by: Blogs Media
*/

body {
font: 11px Verdana, Arial, sans-serif;
background: #fff;
margin: 0;
padding:0;
color: #333;
line-height: 150%
}
/* --- Accesibilidad ------------------ */
 
#skip {
position: absolute;
left: -999px;
width: 990px;
}

/* --- Links -------------------------- */

a:link, a:visited  {
	color: #004276;
	text-decoration: none;
}

a:hover, a:active {
	color: #444;
	text-decoration: underline
}

a img { 
	
border: none; 
}
#weblog a { 
	
text-decoration: underline

}
a.more { 
	
padding-right: 9px;
background: url(../i/a-more.gif) no-repeat 100% 60%;

}
a.more:hover { 
	
padding-right: 9px;
background: url(../i/a-moreh.gif) no-repeat 100% 60%;
text-decoration: none
}
a.out { 

padding-right: 16px;
background: url(../i/a-out.gif) no-repeat 100% 60%;
text-decoration: none;
float: right;

}
a.out:hover { 

padding-right: 16px;
background: url(../i/a-outh.gif) no-repeat 100% 60%;
text-decoration: none;


}

.breadlist a:link {

color: #ccc; 
padding: 4px;
font-weight: bold;
text-decoration: underline;
background: #700 url("../i/bg-h4.gif") repeat-x top left;
border: 1px solid #EEE;

}

.breadlist a:hover {

color: #f2f1df; 
text-decoration: underline;

}

.breadlist a:visited {
color: #ccc; 
padding: 4px;
font-weight: bold;
text-decoration: none;
background: #700 url("../i/bg-h4.gif") repeat-x top left;
border: 1px solid #eee;
}

/* --- ESTRUCTURA ------------------------------------ */

#wrap {
	position: relative;
	width:100%;
	margin: 0 auto;
	text-align:center;
	}

#content {
float: left;
margin-top: 15px

	}
#inner_wrap {
	position: relative;
padding-left:20px;
	width: 970px;
	text-align: left;
	}

.ms #main, .sm #main {
width:520px; padding-right:10px; float:left;}

.ms #google, .sm #google {
width:520px;
}

#sidebar-top {
padding-top:8px;
display:block;
font-family: Tahoma, Verdana, Arial, sans-serif;

}

.ms #sidebar-top, .sm #sidebar {
width:430px;

}
.ms #main, .sm #sidebar-top {

float:left;
}
.ms #sidebar-top, .sm #main {
float:left;
}


#sidebar {
display:block;
font-family: Tahoma, Verdana, Arial, sans-serif;

}

#sidebar2 {
display:block;
font-family: Tahoma, Verdana, Arial, sans-serif;
}


.ms #sidebar, .sm #sidebar {
width:220px; margin-right:10px; float:left;
}
.ms #sidebar2, .sm #sidebar2 {
width:200px; float:left;
}

#marqueecontainer{
position: relative;
width: 540px; /*marquee width */
height: 40px; /*marquee height */
background-color: white;
overflow: hidden;
border: 0;
}
/* --- Header -------------------------------------------  */

#header {
height:71px;
text-align:center; 
background:#000;
	width: auto;
	margin: 0 auto;

padding:5px 20px 0px 20px;
}
#header h1{

padding: 5px 0;
float: left;
margin:0;
color: #fff;
}

#top {

float: right;
color: #fff;
height: 25px;

}
#top a:link{
color: #fff;
}

#top p {

margin: 0;
padding: 3px 0;
}
#top a {

color: #B5C4DF

}
/* --- Destacados step Header / Breadcrumb ----  */

#promo {

clear: both;
height: 75px;
color: #ddd;
font-size: 11px;


}
#promo p {

padding: 0;
margin:0;
font: 11px Tahoma, Verdana, sans-serif;
color: #4D4951;

}

.step {

float: left; 
padding: 0 15px; 
width: 210px; 
}
.step img {

float: right; 
padding: 0;
margin: 0
}

.step h1 { 

font: normal 18px georgia, times, serif;
margin: 0;
padding: 15px 0 5px 0;
color: #000
}

.step strong {

color: #ccc;
font-weight: normal
}
.step h1 a, .step h1 a:visited   { 

color: #000;
text-decoration: none
}
.step h1 a:hover  { 

color: #222;
text-decoration: none
}
#tutos .step {

float: left; 
width: 740px;
}
#tutos .step h1 {

text-transform: uppercase;
letter-spacing: 1px;
font-size: 22px
}

/* --- Nav ---------------------------------  */

#nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color:#ccc;
	border-bottom: 1px solid #ddd;
width:100%;
float: right;
}

#nav li {
height: 28px;
float: left;
margin: 1px -1px 0 0;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color:#fff;

}

#nav li a {
	display: block;
	padding: 0 13px;
	font: 11px/28px arial, verdana, sans;
	color: #4D4951;
	letter-spacing: 1px;

}

#nav li.new a:hover {
background: #ddd;
color:#000;
text-decoration: underline;
}

#nav li a:hover {
background: #ddd;
color:#000;
text-decoration: underline;}


#nav li.active a {
color: #000;
background: #eaeaea;

}

.breadcrumb

{
padding:8px 0;
font-family: "Trebuchet MS", verdana, sans
}

/* --- Encabezamientos ---------------------------------- */

h1.intro {
font: 26px arial, verdana, sans;
line-height: 1.4em;
padding-bottom: 3px;
margin: 0 0 20px 0;
border-bottom: 1px solid #eee;
color: #036
}

h2 {

font: 18px Arial, verdana, sans-serif;
line-height: 1.4em;
padding: 0 10px 3px 0;
margin: 0;
border-bottom: 1px dotted #ccc;
}

h2 img 
{
float: right; 
margin-top: 8px
}


h3 {
margin: 5px 0;
font: bold 14px/20px Arial, sans-serif;
border-bottom: 3px double #ddd;
}

h3.list {
background: url("../i/a-out.gif") no-repeat 100% 60%;
padding-right: 15px;


}
h4 {
background: #fff;
padding: 6px;
margin: 1em 0;
border:solid 1px #ddd;
font: bold 12px Arial, verdana, sans;
color: #000
}

h5 {

margin: 1em 0 2em 0;
font: bold 11px Arial, verdana, sans;

}

h6 {

margin: 1em 0 1em 0;
font: bold 11px Arial, verdana, sans;

}

h7 {
text-transform:lowercase;
}

h8 {
margin: 5px 0;
font: bold 14px/20px Arial, sans-serif;
border-bottom: 3px double #ddd;
}

#weblog h5 {

margin: 3em 0 2em 0;
border-bottom: 1px solid #ddd
}

p.small{
margin: 0;
padding-bottom: 2em;
font-size: 10px;
text-align: right;

/*background: url(../i-07/newstar.jpg) no-repeat;*/

}
p.small img{
float: left;
}
p.resum {
	
font: 17px georgia, times, serif;
color:#666;
padding: 0;
margin: 0 0 20px 0;
text-transform: uppercase;
line-height: 1.5em;
	}


p.intro
{

font: bold 13px "Trebuchet MS", verdana, arial, sans-serif;
color: #777
	}

h1.bread {
	border-bottom: 3px double #fff; 
	padding: 5px 8px;
	font: bold 13px Arial, verdana, sans; 
	color: #fff; 
	line-height: 18px; 
	background: #9f3631;
	margin:0
}
p.dest {
	margin-top: 10px; 
	font: bold 12px "Trebuchet MS", verdana, arial, sans; 
	color: #6A8A99; 
	line-height: 1.4em; 

}

/* --- Home listado actualizados ------ */

#pings-last
{
clear: both;
font: 12px "Trebuchet MS", verdana, sans;
line-height: 160%;
}


/* --- Subnav accesos --------- */

.left-box {
width: 245px;
margin: 0 30px 0 0;
float: left;
padding: 0 0 10px 0;
line-height: 140%

}

.left-box  img{ 

border: 3px double #fff;
margin-bottom: 15px;
background-color: #c1d2e2;

} 

.right-box {
width: 245px;
margin: 0;
float: left;
padding: 0 0 10px 0;
line-height: 140%
}

.right-box  img{ 

border: 3px double #fff;
margin-bottom: 15px;
background-color: #c1d2e2;

} 

.box-m {
width: 235px;
margin-right: 15px;
float: left;
padding: 0 0 10px 0;
line-height: 150%
}


/* --- dd dl lateral --------- */

dl.side {
	margin: 0;
	padding: 0;
	}
dl.side dt {
	margin: 0 0 2px 0;
	padding: 0;
	font-weight: bold;
	font-size: 13px;
    text-indent: 16px;
	background: url(../i/post-n.gif) no-repeat 0 4px;
	}
dl.side dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #eee;
	}


.box-m img {
	border: 3px double #ccc;
}


dl.fame {
	margin: 0;
	padding: 0;
	}
dl.fame dt {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 13px;
    text-indent: 16px;
	background: url(../i/post-n.gif) no-repeat 0 4px;
	}
dl.fame dd {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #eee;
	}

dl.blogger-post-footer{

}



/* --- listados -------------------- */

#main ul li {

  list-style-type: none;
  background: url('../i/a-more.gif') no-repeat left;
  padding-left: 10px;

}

#main ol li{

  list-style-type: decimal;
  
}

#sidebar ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#sidebar li {

padding: 5px 5px 5px 10px;
border-bottom: 1px dotted #eee;
background: url('../i/a-more.gif') no-repeat left;

}

.dir-ms #sidebar ul li {

background: url('../i/a-out.gif') no-repeat 100% 60%;
padding-left: 0;

}

.dir-ms #sidebar ul li a{

padding: 0

}
#sidebar li a {
text-decoration: none;
padding: 8px;
line-height: 1.4em;
}

#sidebar h3 {
border-top: 3px double #ccc;
padding-top: 5px;
text-transform: uppercase;
font: 14px arial, verdana, sans
}

#sidebar2 ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#sidebar2 li {

padding: 5px 5px 5px 10px;
border-bottom: 1px dotted #eee;
background: url('../i/a-more.gif') no-repeat left;

}

.dir-ms #sidebar2 ul li {
background: url('../i/a-out.gif') no-repeat 100% 60%;
padding-left: 0;

}

.dir-ms #sidebar2 ul li a{
padding: 0;
}

#sidebar2 li a {
text-decoration: none;
padding: 8px;
line-height: 1.4em;
}

#sidebar2 h3 {
border-top: 3px double #ccc;
padding-top: 5px;
text-transform: uppercase;
font: 14px arial, verdana, sans
}


/* --- Cajas redondeadas --- */ 


/* set millions of background images 
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=es */


.boxtopright { 
    padding-top: 8px; 
	padding-right: 8px;
    padding-bottom: 8px;
  	padding-left: 15px;
  	font: bold 8pt Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ccc;
	
 }

.boxtopleft {
	background: #fff;
}
.latboxleft {  
background: #fff;
margin-bottom: 1.8em;
border:solid 1px #ddd;
}
.latboxright { 
  	padding: 15px;
	background: #fff;
	margin: 0;
} 
.latboxright img{ 
border: 3px double #c1d2e2;
margin-bottom: 15px;
background-color: #fff;
}

.latboxpres { 
  	padding-left: 2px;
	padding-top: 10px;
	background: #fff;
	margin: 0;

} 

.latboxpres img{ 
border: 3px double #c1d2e2;
margin-bottom: 15px;
background-color: #fff;
} 

/* --- Directorio ---------------  */

.dir-sm #main {
float:right;
width: 480px;
}
.dir-sm #sidebar {
width:260px; 
}

.dir-ms #main {
float: left;
width: 480px
}

.dir-ms #sidebar {
width:260px; 
float: right
}
.dir-sm #sidebar h2 {

font: 18px georgia, times, serif;
padding: 6px;
background: #700;
color: #fff;
border-bottom: 3px double #ccc;
}
.dir-sm #sidebar h2 a {

color: #ccc;
}
.dir-sm #sidebar .latboxleft {

margin-top: 20px
}


.mid-box { 

margin: 10px 0;
width: 420px;
float: left
}

.mid-box ul {
list-style: none;
padding: 0;

}

.mid-box li {

padding: 5px 20px 5px 15px;
border-bottom: 1px dotted #eee;
float: left;
margin-right: 30px;
width: 125px;

}

.breadlist {

margin-top: 5px; 
margin-bottom: 25px; 
line-height: 30px;

}

.dir-sm h3 a:hover {
text-decoration: none

}

/* ---- Varios -------------------------- */

TD {

padding: 5px 10px;
background: #fff;

}
#main blockquote {
	background: #f7f7f7 url('../i/comillasn.gif') no-repeat top left;
	padding: 10px;
	border: 1px solid #cfcfcf;
	line-height: 17px

}
img.bread  {
	margin: 0 auto 10px auto;
	display:block;
	border: 3px double #ccc
}
img.nav  {
	margin-bottom: 15px;
}
.hide {
	display: none;
}
.left-box img, .right-box img {
	float: left;
	margin: 0 8px 0 0;
}
 q {
 quotes:"\201C" "\201D" "\2018" "\2019";
}
 q:before {
 content:open-quote;
 }
 q:after {
 content:close-quote;
 }

acronym {
	border-bottom: 1px dotted #999;
	font-style: normal;

}
p.divider {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 20px 0
}
.destdcha {
float: right;
width: 180px;
margin: 0 0 20px 20px;
padding: 10px;
font: bold 13px georgia, times, serif;
color: #555; 
display: block;
line-height: 160%;
/* background: #eee */

}

.destizda {
float: left;
width: 180px;
margin: 0 20px 20px 0;
padding: 10px;
font: bold 13px georgia, times, serif;
color: #555; 
display: block;
line-height: 160%;
/* background: #eee */
}

#servicios{
float:left;
width:540;
}

/* --- Footer --------------------- */

#footer {

border-top: 3px solid #333;
padding: 15px 0 0 0;
clear: both;
background:#000; 

}
#footer a{

color: #999;
text-decoration: underline
}

#footer p { 

margin:0px; 
padding:0px;
color:#999; 
text-align:center; 
  }
* html #footer p { 
height:1%;

}

#fdatos {

height: 50px;
}

/* --- Cajas footer ------------------------------- */

#boxcontainers  {
width: 770px;
border-top: 3px double #ccc;
float: left;
margin: 1em 0;
}

#boxcontainers img{
padding-bottom: 15px;
}	

#box012
{
float: left;
margin-right: 1px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
border-left: 1px solid #ccc; 
}		

#box013
{
float: left;
margin-right: 1px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 1px;
border-left: 1px solid #ccc; 
}		

.box014
{
float: left;
margin-right: 10px;
padding-right: 5px;
padding-left: 10px;
padding-bottom: 5px;
border-left: 1px solid #ccc; 

}		
#box012 
{
width: 140px;
border: none; 
list-style: none;
}
						
#box013 
{
width: 50px;
border: none; 

}

.box014 	
{
width: 145px;
}

/* --- Formularios --------------------------------------- */

.bgform
{

background: #fff;
padding: 8px;
}
form {
	padding: 0; margin: 0px;
}

textarea {
	border: 1px solid #cfcfcf; 
	padding: 5px; 
	margin-bottom: 15px;
	margin-left: 0px; 
	font: 12px courier new, sans serif, serif; 
	color: #333;
}
fieldset{

border: 1px solid #000;
padding: 10px
}

legend{

font: bold 12px georgia, time, serif;
color: #333;

}
input.button {

font: bold 9pt Arial, Helvetica, Verdana; 
color:#000; 
background:#fff
  }
/* ---Admin---------------------------------- */

body#adm {
background: #5a7151;
}

#admin {

position: relative;
margin: 150px auto;
padding: 5px 10px;
width: 350px;
color: #fff;
background: #3e5793 url("../i/bg-adm.gif") repeat-x top left;
border: 1px solid #ddd
}

#panel-adm {
padding: 5px 20px;
color: #fff;
background: #fff;
}

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	}

.loading {
	height: 20px;
	background: url('http://blogsdominicanos.com/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 14px;
	position: relative;
	background: url('http://blogsdominicanos.com/images/starrating.gif') top left repeat-x;		
	}

#main .unit-rating li{
    text-indent: -4200px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:14px;
	height: 14px;
	text-decoration: none;
	text-indent: -4200px;
	z-index: 14;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://blogsdominicanos.com/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:14px;}
.unit-rating a.r2-unit{left:14px;}
.unit-rating a.r2-unit:hover{width: 28px;}
.unit-rating a.r3-unit{left: 28px;}
.unit-rating a.r3-unit:hover{width: 42px;}
.unit-rating a.r4-unit{left: 42px;}	
.unit-rating a.r4-unit:hover{width: 56px;}
.unit-rating a.r5-unit{left: 56px;}
.unit-rating a.r5-unit:hover{width: 70px;}
.unit-rating a.r6-unit{left: 70px;}
.unit-rating a.r6-unit:hover{width: 84px;}
.unit-rating a.r7-unit{left: 84px;}
.unit-rating a.r7-unit:hover{width: 98px;}
.unit-rating a.r8-unit{left: 98px;}
.unit-rating a.r8-unit:hover{width: 112px;}
.unit-rating a.r9-unit{left: 112px;}
.unit-rating a.r9-unit:hover{width: 126px;}
.unit-rating a.r10-unit{left: 126px;}
.unit-rating a.r10-unit:hover{width: 140px;}

#main  .unit-rating li.current-rating {
	background: url('http://blogsdominicanos.com/images/starrating.gif') left bottom;
	position: absolute;
	height: 14px;
	display: block;
	text-indent: -4200px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}		


/*------------Ad space boxes------------*/

div#addbox {
width: 775px;
margin-left:0;
float:left;
}

h2.publicidad {
font: 18px Arial, verdana, sans-serif;
line-height: 1.4em;
padding: 0 10px 3px 0;
margin: 0;
border-bottom: 1px dotted #ccc;
}

h2.publicidad img 
{
float: right; 
margin-top: 8px
}


div#addbox ul {
padding:0px;
background-image:none;
margin-top: 5px;
float:left;
margin-left:0;
}

div#addbox li { 
background-image:none;
display: block;
width: 16px; 
height: 16px; 
float: left; 
margin: 0 2px 2px 0;
}

div#addbox li a { 
display: block; 
width: 16px; 
height: 16px; 
background: #7B97CB;
text-align:center;
color:#fff;
}


div#addbox li a:hover { 
background: #3E5793;
text-align:center;
color:#fff;
text-decoration: none;
}
	
#addbox img {
		border: 0;
		}

#addbox li.aqui a {
color: #fff;
background: #000066;
}

#addbox li.aqui a:hover { 
background: #fff;
color:#000066;
text-decoration: none;
}

#addbox li.dashy a {
color: #fff;
background: #000;
}

#addbox li.dashy a:hover { 
color:#000;
background: #fff;
text-decoration: none;
}

#addbox li.ny a {
color: #00FF00;
background: #000000;
}

#addbox li.ny a:hover { 
color: #000000;
background: #00FF00;
text-decoration: none;
}
#addbox li.lax a {
color: #FF0000;
background: #000;
}

#addbox li.lax a:hover { 
color:#000;
background: #FF0000;
text-decoration: none;
}

#addbox li.viajar a {
color: #fff;
background: #0097CA;
}

#addbox li.viajar a:hover { 
color:#0097CA;
background: #fff;
text-decoration: none;
}

#addbox li.nyb a {
color: #FFFF33;
background: #3393E1;
}

#addbox li.nyb a:hover { 
color:#FFFF33;
background: #45CF56;
text-decoration: none;
}

#addbox li.nrd a {
color: #fff;
background: #0000FF;
}

#addbox li.emg a {
color: #FFFFFF;
background: #666666;
}

#addbox li.emg a:hover { 
color:#FFFFFF;
background: #FF0000;
text-decoration: none;
}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (780 pixel) */

#container{width:1000px; margin:0 auto;}

#main{width:auto; display:block; padding:10px 0;}

#column_left{width:460px; margin-right:20px; float:left;}
#column_right{width:280px; margin-right:20px; float:left;}
#column_right_adsense{width:120px; float:left;}

div.spacer{clear:both; height:10px; display:block;}

#footer{width:auto; display:block; padding:10px 0; font-size:11px; color:#666666;}

/* ------------------------------
CUSTOM CLASSES
------------------------------ */

/* Add here your custom classes ... */