/*
Theme Name: dreams
Theme URI: http://www.sectorweb.net
Description: 3 Columnas
Version: 1.0
Author: Jose Rodrigo Ayala Caballero
Author URI: http://www.sectorweb.net

*/
/* project: sue�os
   design: rodrigo ayala (http://www.sectorweb.net) 
   framework: WIBER (http://www.wiber.com.mx) */
/* G E N E R A L E S
---------------------*/  
body { 
padding: 0; 
margin: 0; 
font: 0.7em Arial, sans-serif; line-height: 1.5em; 
background: #ccc url('http://www.sectorweb.net/wp-content/themes/Mio/images/background.gif'); 


background-position: center;
color: #454545; }
li {text-decoration:none;}
a {outline:0; background: inherit;}
a:link { color: #006699; text-decoration: none; }
a:visited {color: #0099CC; text-decoration: none;}
a:hover { text-decoration: none;}
a:active {text-decoration: none;}
a:hover { color: #006699; background: inherit;}
a.title { color: #006699; background: #FFF; }
h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #006699; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; text-align:justify; margin-left:8px;  }
p2 {	margin: 0 0 0px 0; line-height: 1.5em; text-align:justify;}
code{font-family: "Courier New", Courier, monospace;
	font-size: 12px;}
/* F O R M U L A R I O S  
------------------------*/
.myFormLogin input{
	width:90%;     
}
.myFormLogin input.caja{
height: 12px; 
color:#6e6e6e;
font:11px arial, sans-serif; 
}
.myFormLogin input.minicaja{
width:12px; 
}
.myFormLogin input.boton {
width:70%;
height: 20px; 
background-color:#0ebbe6;
border:1px solid #00728f;
padding:3opx;
color:#FFF;
font:12px arial, sans-serif; 
}

.myForm body{
color:#6e6e6e;
font:12px arial, sans-serif;
margin:auto;
padding:0px 0px 0px 0px;
}
.espacio,.myForm input.ed_button {
width:18%; 
padding:1px 3px;
margin:1px 5px 4px 0;
border:1px solid #999;
cursor:pointer;
border-bottom:#666 solid 1px;
border-right:#666 solid 1px;
background-color: #EFEFEF;
color:#666;
}
.myForm {  
width: 400px;
margin:auto;
font-size:10px;}

.myForm fieldset {
  background-color:#F9F9F9;
  border:1px solid #CCC;
  padding: 10px;
  margin: 0;
}

.myForm fieldset legend {
color:#666;
}
.myForm label { 
display: block; 
float: left;  
padding: 0;
margin:0px 0px 5px 0px;
}
.myForm fieldset label:first-letter {
color:#999;
}
.myForm input, .myForm textarea {
width:95%;
}
.myForm input.buttonmail {
width:95%;
background-color:#C2C7C0;
border:1px solid #A0A0A0;
padding:3opx;
color:#FFF;
}
textarea {
height:150px;
}
.myForm small {
color:#CCC;
}

#contador { 
color:#A9OOOO; 
font-weight:bold; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.counter{
position:absolute;
top:35px;
right:1em;
font-weight:bold;
margin:0;
padding:0;
float:left;
}
ul.counter li{
float:left;
padding:0 1em 0 0;
margin:0;
list-style-type:none;}



/* B U S C A D O R  
------------------------*/
.MySearch{margin:0px 0px 0px 0px;}
.fondobuscador{ margin-top:0px; width: 206px;height: 55; background: url('images/fondobuscador.gif'); color: #fff; }


.search { margin-left:8px;  width: 145px;height: 26; padding:7px 8px 9px 5px; border: medium none; background: #ffffff   url('images/buscador.gif');  color: #808080; filter: alpha(opacity=100); opacity: 1  }

.search:focus { margin-left:8px;  width: 145px; height: 26; padding:7px 8px 9px 5px; border: medium none; background: url('images/buscador.gif');  color: #808080; filter: alpha(opacity=100); opacity: 1 }


input.button{ margin-top:4px; height: 32px; font-weight: bold; width: 32px; border: medium none; background: #ffffff url('images/button.gif'); padding: 3px; color: #FFF }

/* L A Y O U T S  Y  H E A D E R
------------------------*/
.content {margin: 0px auto; width: 768px;}
.content2 { margin: 0px auto; width: 768px; background: url('images/big_middle.gif') repeat-y;}
.logo {	padding: 18px 0 0 3px; }
.header_top2 { background: url('images/big_top2.gif') no-repeat; height: 23px }
.header_top { background:  url('images/big_top.gif') no-repeat; height: 43px }
.header { padding: 0px 10px 0 10px; }
.header_bottom2 { clear: both; background: #FEFEFE url('images/big_bottom2.gif') no-repeat; color: #FFF; height: 15px }
.header_bottom { clear: both; background: #FEFEFE url('images/big_bottom.gif') no-repeat; color: #FFF; height: 15px }


/* M E N U   S U P E R I O R
------------------------*/
#nav { width:100%; float:left; }
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { float:left; display:block; color: #000000; background: url('images/nav.gif') no-repeat 100% 0px; text-decoration:none; font-weight: bold; padding-left:10px; padding-right:20px; padding-top:7px; padding-bottom:4px  }
#nav a { float:none;}
#nav li { float:left;  background:  url('images/nav2.gif') no-repeat 0px 0px; margin:0; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0; filter: alpha(opacity=45); opacity: .45  }
#nav li:hover { color:#030303; filter: alpha(opacity=65); opacity: .65  }  
/*home*/
#nav #current { background: url('images/nav2.gif') no-repeat 0 -41px; color: #fff; filter: alpha(opacity=100); opacity: 1 }
#nav #current a { background: url('images/nav.gif') no-repeat 100% -41px; color:#030303; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px }
#nav a:hover { color:#030303;  }   
/*secundarias*/
#nav .current_page_item { background: url('images/nav2.gif') no-repeat 0 -41px; color: #FFF; filter: alpha(opacity=100); opacity: 1  }
#nav .current_page_item a { background:  url('images/nav.gif') no-repeat 100% -41px; color:#030303; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px}



/* list styles */
#content div { width: 550px; height: 2000; }
#content li { list-style-type: none;}
 
	
.entry
{
padding-top:10px;
padding-bottom:10px;



}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border: 3px double #cecece;
	font-style: italic;
	}

/* P O S I C I O N E S
----------------------*/
.sf_left {float: left; }
.sf_right{ float: right; width: 520px; height: 35px;}
.sf_botones { clear: both; color: #FFE4E0; margin-top: 0px; padding-left:0px; padding-right:0; padding-top:4px; padding-bottom:0px }
.sf_search {clear: both; color: #FFE4E0; padding-top:6px; }
.subheader{margin-top: 1px;}
	
/*C A J A S   D E L   M E N U */
.box { margin-top:0px; margin: 0; width: 144px; color: #595959;	background: #FFF;}
.box ul {margin:0px; list-style:none; }
.box ul li{ margin-left:0px;margin-top:0px; list-style:none; }
.box li {margin-left:0px; list-style:none; }

/* C O L U M N A   I Z Q U I E R A   Y   C E N T R A L
------------------------*/
.left_side { float: left; width: 159px; padding: 0px 0px 8px 8px; }
.right_side { float: right; width: 565px; margin: 0 5px 0 0; text-align: justify; }
.single_side { float: left; width: 730px; text-align: justify; }
/* izquierda*/
.left {float: left; width: 750px; margin: 0 0 10px 0; }	
/* derecha */
.right { float: right; width: 170px; margin: 0 0 10px 0;}

/* P O S T E O S
------------------------*/
.article {  }
.highlight { text-align:center; padding: 0px 0px 0px 20px; outline-color: #333333;}

.grey { width: 427px; height: 36px; margin-left:57px; background: #fff url('images/grey_bottom.gif') no-repeat bottom left; color: #999999; }

.grey a {color: #666666;background: inherit;font-weight: bold;text-align:center;}
.grey a:hover {color: #333333;}
.grey a:visited {color: #666666;}

/*post stylng*/
.post{margin:0 0 25px 0;}
.post .info{padding:3px 3px 3px 8px; border:1px solid #e3e4e4; background-color:#efefef; font-size:0.9em; color:#505050;}	
	
	
		
/*img { float: left; margin: 0 9px 3px 0; }*/
/* F O O T E R
---------------*/
.footer { clear: both; text-align: center; color: #808080; background: #f0f0f0;	padding: 10px 0 5px 0; border-top: 1px solid #eee;}
.footer p {line-height: 2em; }
.footer a {color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; } 




/* P E R S O N A L E S
--------------------*/
.bordes{	margin-bottom: 10px;     margin-top: 17px;}
.wpv_video {
display: block;
margin-left: auto;
margin-right: auto;
padding: 4px 0 4px 0;
width: 425px;
height: 350px;
}
.margen{
margin-left: 40px;
}
.margen_derecho{
margin-right: 40px;
}

/* M A R C O   T U T O R I A L E S
------------------------*/
.step {
	background: #f7f7f7;
	color: #000000;
	border: 4px dashed #00CCFF;
	padding: 10px;
	margin: 10px 0px;
	}
.steptitle {
	background-color: #e9e9e9;
	color: #000000;
	font-weight: bold;
	float: left;
	padding: 0 0.6em;
	margin: -1.2em 1em 0 -3em;
	border: 4px solid #0099CC;
	position: relative;
	}

/* C O M E N T A R I O S
------------------------*/


.commentlist 
{
	margin:0;
	padding:0;
	border-top:#ccc 1px solid;
}
.commentlist li 
{
	list-style:none;
	 margin-bottom:1px;
	padding:1em;	
	border-bottom: #ccc 1px solid;
	
}
.commentlist li.alt 
{
	 margin-bottom:1px;
background:#e8f7f9; 
 
}
.commentlist p {list-style:none; 
 margin-bottom:18px;
text-align: justify;
	}


/* N U B E   D E   T A G S
----------------------------*/

.caja-tags {float:right; width: 745px; height: 40px; margin-top:10px; padding:5px 0px 5px 0px; text-align:center;  }



/* W P - P A G E S
-----------------*/

.wp-pager {   background-color: #FFF; text-align: center;  padding: 4px; margin-left:150px; margin-top:20px; position: relative; margin-bottom: 16px; width: 250px;height: 15px;  border-width: 1px;  border-style: solid;    border-color: #999999;}

/* F O O T E R
-------------*/

.arriba_izq{  width: 52px; height: 52px; border: medium none; background: url('http://www.sectorweb.net/imagenes/arriba.gif');  }
/* G R A V A T A R
-----------------*/
.gravatar {
margin-right:15px;
margin-top:20px;
margin-bottom:20px;
float:left; width: 60px; height: 60px;
border: 0px solid #000;
background: #fff;
}
.postgrav {
float: left;   
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;}

/* MENU TUTORIAL */	

#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; margin-left:40px; margin-bottom:30px; color: #000;  height: 64px; text-align: center; padding: 0 0 0 45px; }
#tabs li {  display: inline; height: 45px; }
#tabs li a {  float: left; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover {  background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(images/barcurrent.gif) no-repeat; color: #2C71AE; }