/* Hoja de estilo CSS para Psicólogo Profesional y Smykalo
------------------------------------------------
Psicologo Profesional CSS Template Style
Name:		AZI Estilo General
Designer:	Antonio Zepeda
URL:		www.psicologoprofesional.com / www.smykalo.com
Date:		June 25, 2009.
----------------------------------------------- */

/* Variable definitions		
====================		
ninguna variable definida */




/* Page Structure	
----------------------------------------------- */	
/*La definicion media all  permite que la mayoria de 	
los navegadores interpreten lo que se pone aquí, especialmente	
las boxes */



/* Inicia parametros para body principal*/

body {
background-color: #fff;
text-align:center;
margin:0;
border:none;

padding:20px 10px;
color:black;
}



@media all {
#content{
	width:740px;
	margin:0 auto;
	background:#ffffff;
	text-align:center;
	color:red;
	}
#topper-image{
	border-left:0px;
	border-right:1px;
	border-left-style:dotted;
	border-right-style:dotted;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCff;	
	}

#leftbar {
	float:left;
	width:25%;
	text-align:left;
	background:none;
	border-right:1px dotted #ccf;
	margin;15px 0px 0px 0px;
	padding:3px 3px 10px;
	overflow:hidden;
	color:#4682B4;
	}

#mainbox {
	width:70%;
	float:left;

	background:none;

	margin:15px 0 0 18px;

	padding:15px 0 10px;
	border:none;
	text-align:right;

	color:#cbcbcb;

	font-size:97%;

	line-height:1.5em;

	}

.main2l {

	float:left;
	width:100%;
	background:none;

	padding:15px 15px 10px 15px;
	border-bottom:1px dotted #bbb;
	font-family:verdana,arial,sans-serif;
	font-size:85%;
	line-height:1.2em;
	text-align:justify;
	color:#000;
		}

.main2r {

	float:right;
	width:100%;
	background:none;

	padding:15px 15px 10px 15px;
	border-bottom:1px dotted #bbb;

	font-family:verdana,arial,sans-serif;
	font-size:85%;
	line-height:1.2em;
	text-align:justify;
	color:#000;
	}

.main3 {

	padding:0;

	}

}


@media handheld {

  #content {

    width:90%;

    }

  #main {

    width:100%;

  

    background:#fff;
    border-rigt:3px solid #ccf;

    }

  #main2l {

    float:left;

    background:none;

   border:3px solid #ccf;
    }
 #main2r {

    float:none;

    background:right;

   border:3px solid #ccf;
    }

  #main3 {

    background:none;

    padding:0;
    border:3px solid #ccf;

    }

  #sidebar {

    width:100%;

    float:right;

    }
  }











/* Sidebar Boxes

----------------------------------------------- */

@media all {

  .box {

    background:none;

    margin:0 0 15px;

    padding:10px 0 0;

    color:#666;

    }

  .box2 {

    background:none;

    padding:0 13px 8px;

    }

  } 

@media handheld {

  .box {

    background:#fff;

    }

  .box2 {

    background:#ccf;

    }

  }

.sidebar-title {

  margin:2;

  background:#333;

  padding:0 0 .2em;

  border-bottom:3px solid #696969;

  border-right:2px solid #003;

  border-top:3px solid #fff;

  border-left:3px solid #fff;

  text-align:right;

  font-size:115%;
  line-height:1.5em;

  color:#fff;

  }

.box ul {

  margin:.5em 0 1.25em;

  padding:0 0px;

  list-style:none;

  }

.box ul li {

  background:#dedede;

  margin:0;

  padding:0 0 5px 6px;

  margin-bottom:3px;

  border-bottom:3px outset #eee;

  border-right:3px outset #eee;

  border-top:3px outset #eee;

  border-left:3px outset #eee;
  text-align:left;

  font-size:90%;

  line-height:1.4em;

  }

.box p {

  margin:0 6 .6em;

  }




/* leftbar Boxes

----------------------------------------------- */

@media all {

  .leftbox {

    background:none;

    margin:0 0 15px;

    padding:10px 0 0;

    color:#666;

    }

  .leftbox2 {

    background:none;

    padding:0 13px 8px;

    }

  } 

@media handheld {

  .leftbox {

    background:#fff;

    }

  .leftbox2 {

    background:#ccf;

    }

  }

.leftbox ul {

  margin:.5em 0 1.25em;

  padding:0 0px;

  list-style:none;

  }

.leftbox ul li {

  background:none;
margin:0;

  padding:0 0 5px 6px;

  margin-bottom:3px;

 font-size:90%;

  line-height:1.4em;
overflow:hidden;
  }

}



.leftbox p {

  margin:0 6 .6em;

  }

h1.leftbar-maintitle {
	font:italic bold 1.5em times,garamond,serif;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	color:#cbcbcb;
	} 

p.leftbar-maintitle {
	font:italic bold 1.5em times,garamond,serif;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	color:#cbcbcb;
	} 
p.leftbar-maintitle-1 {
	font:italic bold 1.5em times,garamond,serif;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	color:#000000;
	} 

.leftbar-title {
	text-indent:4px;
	text-align:left;
	font:small-caps bold 1em verdana;
	color:#cbcbcb;
	}

.leftbar-smykaloid {
	text-indent:0px;
	text-align:left;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* Links

----------------------------------------------- */

a:link {

  color:#4682B4;

  }

a:visited {

  color:#789;

  }

a:hover {
	text-style:bold;
  	text-spacing:40%;
	font-size:110%;
	line-height:1.8em;
	color:#00f;
  }

a img {

  border-width:0;

  }


/* main boxes for text

----------------------------------------------- */

.date-header {

  margin:0 28px 0 43px;

  font-size:85%;

  line-height:2em;

  text-transform:uppercase;

  letter-spacing:.2em;

  color:#fff;

  }

.main {

  margin:.3em 0 25px;

  padding:0 13px;

  border:1px dotted #bbb;

  border-width:1px 0;

  }

.main-title {

  margin:0;

  font-size:115%;
  font-family;verdana, arial, sans-serif;

  line-height:1.5em;

  background:url() no-repeat 10px .5em;

  display:block;

  border:none;

  border-width:0 1px 1px;

  padding:2px 14px 2px 0px;

  color:#357;

  }
.main-epigraph {

  margin:0;

  font-size:85%;
  font-family;verdana, arial, sans-serif;

  line-height:1.5em;

  background:none;

  display:block;

  border:none;

  border-width:0 1px 1px;

  padding:2px 14px 2px 0px;

  color:#357;

  }
  
.main-date {
  margin:.3em 0 25px;

  padding:0 13px;

  border:1px dotted #bbb;

  border-width:1px 0;
  text-align:right;

  }


a.title-link, .main-title strong {

  text-decoration:none;

  display:block;

  }

a.title-link:hover {

  background-color:#ded;

  color:#000;

  }

.main-body {

  border:1px dotted #bbb;

  border-width:0 1px 1px;

  border-bottom-color:#fff;

  padding:10px 14px 1px 29px;

  }

html>body .main-body {

  border-bottom-width:0;

  }

.main p {

  margin:0 0 .75em;

  }

p.main-footer {

  background:#ded;

  margin:0;

  padding:2px 14px 2px 29px;

  border:1px dotted #bbb;

  border-width:1px;

  border-bottom:1px solid #eee;

  font-size:100%;

  line-height:1.5em;

  color:#666;

  text-align:center;

  }

p.main-footer-1 {

  background:#ded;

  margin:0;

  padding:2px 14px 2px 29px;

  border:1px dotted #bbb;

  border-width:1px;

  border-bottom:1px solid #eee;

  font:italic bold 1.5em times,garamond,serif;
  font-size:x-large;

  line-height:1.5em;

  color:#000000;

  text-align:center;

  }

html>body p.main-footer {

  border-bottom-color:transparent;

  }

p.main-footer em {

  display:block;

  float:left;

  text-align:center;

  font-style:normal;

  }

.main img {

  margin:0 0 5px 0;

  padding:4px;

  border:1px solid #ccc;

  }

blockquote {

  margin:.75em 0;

  border:1px dotted #ccc;

  border-width:1px 0;

  padding:5px 15px;

  color:#666;

  }

.main blockquote p {

  margin:.5em 0;

  }



/* Images

----------------------------------------------- */
div.boxpic {
	height:115;
	width:95px;
	}


.picture-right {
	float:right;
	width:90px;
	height:110px;
	padding:0 0 0 15px;
	}

.picture-left {
	float:left;
	
	padding:0 15px 0 0;
	}

.picture-right-horiz {
	float:right;
	width:110px;
	height:90px;
	padding:0 0 0 15px;
	}

.picture-left-horiz {
	float:left;
	width:110px;
	height:90px;
	padding:0 15px 0 0;
	}



/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0;
  padding:15px 0 0;
  }
@media all {
  #footer div {
    background:none;
    padding:1px 0 0;
    color:#bebebe;
    }
  #footer div div {
    background:none;
    padding:0 15px 8px;
    }
  }
@media handheld {
  #footer div {
    background:#456;
    }
  #footer div div {
    background:none;
    }
  }
#footer hr {display:none;}
#footer p {margin:0; text-align:center; font:Verdana, Arial, Helvetica, sans-serif; font-size:12px; clear:both;}
#footer a {color:#bebebe;}