/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:62.5%; background: transparent url(images/page_bg.jpg) center repeat-y; }

#page { width:760px; margin:0 auto; border-top:3px solid #3B3B90; }

#header { margin:15px; margin-left:30px; position:relative; }
#header h1 { width:253px; height:40px; background:transparent url(../../images/logo.gif) center no-repeat; text-indent:-5000px; }
#header h1 a { display:block; width:100%; height:100%; }
#header p { position:absolute; top:0; right:30px; background:transparent url(../../images/slogan.gif) no-repeat; width:414px; height:40px; }
#header p span { text-indent:-5000px; display:none; }

#main_nav { display:block; width:750px; height:30px; margin:0 auto; clear:both; }
#main_nav li { float:left; list-style:none; width:150px; height:30px; }
#main_nav li a { display:block; text-indent:-5000px; width:150px; height:30px; }

.inactive #nav_envios { background:transparent url(../../images/enlaces.gif) no-repeat 0 0; }
.inactive #nav_paquetes { background:transparent url(../../images/enlaces.gif) no-repeat -150px 0; }
.inactive #nav_portes { background:transparent url(../../images/enlaces.gif) no-repeat -300px 0; }
.inactive #nav_fletes { background:transparent url(../../images/enlaces.gif) no-repeat -450px 0; }
.inactive #nav_contacto { background:transparent url(../../images/enlaces.gif) no-repeat -600px 0; }

.active #nav_envios, .inactive #nav_envios:hover { background:transparent url(../../images/enlaces.gif) no-repeat 0 -30px; }
.active #nav_paquetes, .inactive #nav_paquetes:hover { background:transparent url(../../images/enlaces.gif) no-repeat -150px -30px; }
.active #nav_portes, .inactive #nav_portes:hover { background:transparent url(../../images/enlaces.gif) no-repeat -300px -30px; }
.active #nav_fletes, .inactive #nav_fletes:hover { background:transparent url(../../images/enlaces.gif) no-repeat -450px -30px; }
.active #nav_contacto, .inactive #nav_contacto:hover { background:transparent url(../../images/enlaces.gif) no-repeat -600px -30px; }

#content { margin-top:10px; }

#sidebar { width:190px; float:left; background:transparent url(../../images/line_ver.gif) right repeat-y; }
#servicios_transportesraner { width:166px; margin:0 auto; background:url(../../images/form_bg.gif) bottom repeat-y; padding-bottom:10px; }
#servicios_transportesraner h3 { width:166px; height:48px; background:url(../../images/form_header.gif) no-repeat; text-indent:-5000px; }
#servicios_transportesraner p { text-align:center; font-size:1.1em; margin-top:3px; }
#servicios_transportesraner p.cb { text-align:left; text-indent:15px; line-height:1.8em; }

#banners { width:167px; margin:0 auto; margin-top:15px; }
#banners li { list-style:none; width:167px; margin-bottom:5px; }

#main { width:560px; float:right; }
#main h2 { font-size:1.8em; font-weight:normal; color:#3B3B90; }
#main h3 { font-size:1.4em; font-weight:bold; color:#333; }
#main h4 { font-size:1.2em; font-weight:bold; color:#666; margin-top:10px; }
#main p { font-size:1.2em; line-height:1.8em; margin:10px; }
#main ul { }
#main ul li { font-size:1.2em; text-indent:10px; line-height:1.8em; list-style:circle inside; }
#main address { margin-left:30px; font-size:1.4em; font-style:italic; color:#666; }

#main .form { width:70%; margin:0 auto; }
#main .form fieldset { border:1px solid #ccc; margin:5px; margin-bottom:10px; padding-bottom:10px; }
#main .form legend { color:#3B3B90; margin-bottom:10px; }
#main .form label { display:block; float:left; width:120px; height:20px; line-height:20px; font-size:1.1em; margin-left:20px; text-align:left; margin-top:2px; margin-bottom:2px; border:0px solid #333; color:#333; }
#main .form .radio_label { height:20px; line-height:20px; margin:2px; color:#333; font-size:1.1em; }
#main .form .select_label { color:#333; font-size:1.1em; margin-left:15px; }
#main .form input { margin-top:2px; margin-bottom:2px; margin-left:20px !important; margin-left:10px; }
#main .form textarea { width:90%; }
#main .form select { padding-left:2px; padding-right:2px; }
#main .form .align { margin-left:160px !important; margin-left:175px; color:#3B3B90 }

#footer { clear:both; margin-top:10px; background:transparent url(../../images/line_hor.gif) top repeat-x; }
#footer p { text-align:center; clear:both; margin-bottom:20px; }

#affiliates { display:block; border:dotted #ccc; border-width:1px 0 1px 0; border:none; background:transparent url(../../images/line_hor.gif) bottom repeat-x; width:auto; margin:0 auto; padding-top:10px; padding-bottom:10px; text-align:center; }
#affiliates li { display:inline; width:auto; margin:5px; margin-left:30px; margin-right:30px; vertical-align:middle; }
#affiliates img { border:0px solid #ccc; padding:2px; }

#footer_nav { clear:both; width:auto; margin:0 auto; margin-top:10px; margin-bottom:10px; text-align:center; }
#footer_nav li { display:inline; margin:5px; }

/*general classes */
.bold { font-weight:bold; }
.notes { color:#666; }
.required { color:#3B3B90; }
.attention { border:2px solid #f00; }
.a_center { text-align:center; }
.a_left { text-align:left; }
.a_right { text-align:right; }
.status_msg { color:#F00; }

a { color:#006699; }
strong { font-weight:bold; }

/* other styles */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */