/* 
Theme Name: Retorno Comunicación
Theme URL: http://www.retornocomunicacion.com
Description: Diseño para Retorno Comunicación
Author: Juan Andrés Milleiro
Author URI: http://juanandres.milleiro.com
Version: 1.0
*/

/* ESTILOS GENERALES */
 
* { padding:0; margin:0; behavior: url(iepngfix.htc); }
h1,h2,h3,h4,h5 {color: #333; font-family: Helvetica, Verdana, Arial, sans-serif; }
p {color: #333; font-family: Helvetica, Verdana, Arial, sans-serif; }
body { 	background: #fff url( ../img/fondo2.jpg) no-repeat top; }



/* ESTILOS DE CABECERA */



#header
{
	height: 110px;
	margin: 0 auto;
	width: 670px;
}


#header a img {
	border: none;
}


/* ESTILOS DEL CUERPO */

.titulo { margin-top: 10px; }
.diccionario{ margin-bottom:5px; }

#content 
{
	width: 1000px;
	margin: 50px auto 0 auto;
}

#content p 
{	
	line-height: 	140%;	
	font-size: 		1em;	
	text-align: 	left; 
}

#content a 
{
	color:			#2E2371;
	font-family: 	Helvetica, Verdana, Arial, sans-serif;
}

#content a img {
  	filter:alpha(opacity=25);
  	-moz-opacity: .25; 
	border: none;
}

#content a:hover img {
  	filter:alpha(opacity=100);
  	-moz-opacity: 1; 	
	border: none;
}

#content ul.tabs 
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin: 0 auto;
	width: 936px;
}


#content ul.tabs li 
{
	display:block;
	float:left;
	height:300px;
	width:230px;
	background: transparent url( ../img/tab.jpg) no-repeat top;
	
}

#content ul.tabs li ul li
{
	background:transparent none repeat scroll 0 0;
	color:white;
	float:none;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-size: 0.75em;
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:10px;
	padding-left:35px;
	padding-right:40px;
	width:170px;
}

#content ul.tabs li p
{
    padding-left: 35px;
    padding-right: 40px;
    font-size: .75em;
    text-align: justify;
}

#content ul.tabs li img 
{
	padding-left: 30px;
    padding-right: 30px;
}


#content ul.tabs li h3
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.1em;
    text-align: center;
    width: 175px;
    margin: 0 auto;
}

#content ul.tabs li h5
{
	padding-top: 6px;
    padding-bottom: 0px;
    font-size: .5em;
    text-align: center;
    width: 175px;
    margin: 0 auto;
}



.tarjeta {
	text-align: justify;
	padding-top: 10px;
	font: lighter 1em ;
	color:#333333;
	line-height:1em;
}

.tarjeta a, .tarjeta a:visited {  text-decoration: none; color: #333333!important; }
.tarjeta a:hover { text-decoration: underline; color: #333333!important; }

#post 
{
	width: 685px;
	margin: 20px auto 0 auto;	
}

#post h1
{
    font: lighter 3em Georgia, "Times New Roman",Times, serif ;
	color:#333333
	font-size:48px;
	letter-spacing:-2px;
	line-height:1em;
}

#post p
{
	margin-top: 10px;
	font-family:helvetica,arial,sans-serif;
	font-size: .9em;
	text-align:justify;
}


#post ul
{
	margin-left:	50px;
	list-style:		square;
	margin-top:		20px;
}

#post ul li
{
	color:			#333333;
	font-family:	helvetica,arial,sans-serif;
	font-size:      .9em;
	margin-top: 	5px;
	text-align:justify;
}

.retorno  {color: #2e2371; font-weight:bold; }


.left
{
	float:left;
	margin-right: 5px;
	padding-top: 15px;
}

.tab4 {
	background: transparent url( ../img/tab4.jpg) no-repeat top!important;
	padding-top: 40px;
}

.tab4 p {
	color: white;
}

.tab4 h3 {
	color: white;
}

.tab4 h5 {
	color: white;
}

#footer
{
    margin: 20px auto 0 auto;
	padding: 20px;
	width: 645px;
	display: block;
	background: #2e2371 url( ../img/footer.jpg) no-repeat top;
	height: 100%;
	color: white;
}

#footer ul{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		text-align:center;
		
}

#footer ul li
{
		display: inline;
		margin-right: 20px;
}

#footer ul li a
{
	color: white;
	text-decoration: none;
	font-family:Helvetica,Arial,Sans-serif;
    font-size: .8em;
}

#footer ul li a:hover
{
	text-decoration: underline;
}


.definicion 
{
	width: 	300px;
    margin: 0 auto;
}



.definicion p
{
        font-family:Helvetica,Arial,Sans-serif;
		width: 	400px;
        color:#000000;
        font-size:13px;
}

.definicion h3 
{ 
       padding-top: 40px;
       font-size:  1.2em;
       color:#000000;
       font-family:Helvetica,Arial,Sans-serif;
       font-size:36px;
       letter-spacing:-1px;
       line-height:39px;
       margin:0 0 3px;
}

.definicion h5 
{
		font-size: 0.75em;
       font-family:Helvetica,Arial,Sans-serif;
		text-align: center;
}