/*  
Proyecto: GIRO FAMILIAR
diseño y construcción: Gustavo Antunez
E-mail: gustavoantunez@gmail.com
fecha: 09/11/2009
Mod 1: -
Mod 2: -
*/ 

/* ////////////// R E S E T //////////////// */
* { padding: 0; margin: 0; }

table { border-spacing: 0px;	border-collapse: collapse; }

/* CLEAR FIX */
.clearfix:after {
	content:".";
	display:block;	height:0;
	clear:both;	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}
* html .clearfix {
	height:1px;
}


/* FORMULARIOS */
input,textarea,select,option {
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
input {
	font-size: 90%;
	padding: 3px;
}
textarea {
	font-size: 100%;
	padding: 3px;
}
input.check {}
select {
	font-size: 90%;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
}
option {	padding-right: 12px; }

.alert{ 
	color: #FF4500; 
}
fieldset{
	padding: 12px;
	border: 1px dotted #EBEBEB;
	margin-top:20px;
}
legend{
	font-size:16px; font-weight:bold;
}
.btn{ 
	background: #8A8889;  color: #FFF;
	padding: 3px; font-weight: bold;
	border: 0;
}
/* FIN FORMULARIOS */

hr{
	height: 1px;
	border: 1px solid #E4E4E4;
	background-color: #E4E4E4;
	margin: 20px 0;
	clear: both;
}

/* ############################################################*/
/* #################### ESTILOS GENERALES ##################### */
/* ############################################################*/
body{
	background: #F4F4F4;
	text-align: center;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}
a:link, a:visited{	color: #000; }
a:hover, a:active{	color: #CE031F; }

h1, h2, h3, h4, h5, h6{
	color: #000;
	font-weight: normal;
	padding-bottom: 6px;
}
h2{	font-size: 24px; }
h3{	font-size: 22px; }
h4{	font-size: 18px; }
h5{	font-size: 16px; }
h6{	font-size: 13px; }
.strong{
	font-weight: bold;
}
.paddo{
	padding-bottom: 0;
}

p{
	margin-bottom: 13px;
}
/* ############################################################*/
/* #################### ESTILOS GENERALES ##################### */
/* ############################################################*/

#container{
	width: 930px;
	/*padding: 12px;*/
	margin: auto;
	background: #FFF;
	text-align: left;
}

/* #################### ESTILOS HEADER ##################### */
#container #header{
	margin: 0 12px 12px 12px;
}
#container #header #logo{
	margin: 24px 12px 24px 12px;
}
#container #header #menuSup{
	background: #FACA1E;
	text-align: right;
	padding: 7px 0;
}
#container #header #menuSup a{
	text-decoration: none;
	margin: 0 6px;
}
#container #header #menuSup #titulo{
	background: #CE031F;
	color: #FFF;
	padding: 7px 40px;
}
#container #header #menuSup #titulo a:link, #container #header #menuSup #titulo a:visited{
	color: #FFF;
}
#container #header #menuSup #titulo a:hover, #container #header #menuSup #titulo a:active{
	text-decoration: underline;
}

/* #################### FIN ESTILOS HEADER ##################### */


/* #################### ESTILOS BODY ##################### */
#container #contenido{
	margin: 12px;
}
#container #contenido #left, #container #contenido #right,
#container #contenido #leftInter, #container #contenido #rightInter, 
#container #contenido #rightInter #interLeft,
#container #contenido #rightInter #interRight{
	float: left; display: block;
}
#container #contenido #left{
	width: 510px;
}
#container #contenido #right{
	width: 384px;
	padding-left: 12px;
}
#container #contenido #leftInter{
	width: 180px;
}
#container #contenido #rightInter{
	width: 696px;
	padding-left: 30px;
}

#container #contenido #rightInter #interLeft{
	width: 201px;
	padding-right: 20px;
}
#container #contenido #rightInter #interRight{
	width: 454px;
	border-left: 1px solid #E4E4E4;
	padding-left: 20px;
}

#container #contenido #rightInter ul{
	padding: 10px 20px 20px 10px;
}



#container #contenido .accesos{
	border-bottom: 1px solid #F0F0F0;
	padding: 12px 0 13px 6px;
	color: #999;
	background: url(../img/bgAcc1.gif) no-repeat center right;
}
#container #contenido .accesos:hover, #container #contenido .ACT{
	background: #F0F0F0 url(../img/bgAcc2.gif) no-repeat center right;
}
#container #contenido .accesos a h3{
	text-decoration: none;
	display:block;
	color: #CD021F;
	display: block;
}
#container #contenido .accesos a h4, #container #contenido .ACT a h4{
	text-decoration: none;
	display: block;
}
#container #contenido .accesos a{
	text-decoration: none;
	display:block;
	color: #999;
	padding-right:24px;
}

#container #contenido #cotizaciones{
	font-size: 12px;
}

#container #contenido #cotizaciones .moneda{
	padding: 12px 6px;
	float: left; 
	display: block;
	width: 113px;
	background: #F0F0F0;
	border-right: 2px solid #FFF;
	height: 30px;
}
#container #contenido #cotizaciones .moneda #lefta, #container #contenido #cotizaciones .moneda #righta{
	float: left; display: block;
}
#container #contenido #cotizaciones .moneda #lefta{
   text-align: center;
	width: 50px;
	margin-right: 12px;
	padding-top: 3px;
	border-right: 1px solid #FFF;
	font-weight: bolder;
}
#container #contenido #cotizaciones .moneda #righta{
	width: 50px;
}

#container #contenido .links{
	float: left; display: block;
	width: 192px;
}
#container #contenido .links li{
	background: url(../img/arrowList.gif) no-repeat left center;
	list-style-type: none;
	padding: 2px 12px;
}


/* #################### FIN ESTILOS BODY ##################### */


/* #################### ESTILOS BOTTOM ##################### */
#bottom{
	background: #EEE;
	clear: both;
	padding: 70px 12px 12px 12px;
	color: #999;
}
#bottom a:link, #bottom a:visited{
	color: #666;
}
#bottom a:hover, #bottom a:active{
	color: #000;
}
/* #################### FIN ESTILOS BOTTOM ##################### */