/*****************************************
  Titulo:pmi.css
  Diseño y Desarrollo: César Rotela
  Email: cesar.rotela@gmail.com
  Obs: Estilos generales del sitio,
  utilización de "progressive enhancement".        
******************************************/

/*****************************************
              :wrapper-principal
******************************************/

#wrapper-principal      { width:100%; margin:0 auto; background-color:#fff;}

/*****************************************
              :wrapper-header
******************************************/

#wrapper-header         { position:relative; width:100%; height:135px; padding:30px 0 0; margin:0 auto; }
#wrapper-header h1      { width:278px; height:90px; margin-bottom:35px; position:relative;}
#wrapper-header h1 a    { width:100%;  height:90px; position:absolute; text-indent:-9999px; background:url(../img/logo_pmi.jpg) no-repeat;}
#wrapper-header h6      { width:300px; float:right; color:#E7A609; text-align:right; line-height:1.7; margin-bottom:10px; padding-bottom:2px;
                          font-family: Verdana, Geneva, sans-serif; background:url(../img/icon_phone.gif) no-repeat 90px bottom;}
						  
#wrapper-header form       { width:364px; float:right; height:22px; margin-bottom:5px; overflow:hidden;}
#wrapper-header form input { float:left; width:150px; height:16px; line-height:16px; padding:2px 3px; margin-left:4px; font-size:11px; color:#09F;
                             border:none; background:url(../img/bg_input.gif) no-repeat center;}
							 
#wrapper-header form input[type="submit"] { width:40px; height:20px; padding:2px; cursor:pointer; background: url(../img/bg_submit.jpg) no-repeat center;} 	

#wrapper-header span#user { float:right; padding-left:25px; height:20px; line-height:20px;
                            font-size:11px; color:#0099FF; background:url(../img/icon_user.gif) no-repeat left center;}
						 
#wrapper-header span#user a { padding-left:10px; margin-left:10px; border-left:1px solid #F90;}
						 						  
/*****************************************
              :wrapper
******************************************/

.wrapper { width:940px; margin:0 auto; overflow:hidden;}
 						  
/*****************************************
              :menu-horizontal
******************************************/
#menu                { width:100%; height:30px; z-index:98; position:relative; background-color:#0097FF;}
#menu #wrapper-menu  { width:940px; margin:0 auto;}

/*****************************************
              :banner
******************************************/

#wrapper-banner      { width:100%; height:346px; position:relative; background:url(../img/bg_banner.jpg) repeat-x left top;}
#box_slides          { float:left; display:inline; width:540px; margin:0; height:346px; background: url(../img/bg_slider.gif) no-repeat 10px 50%}

#wrapper-banner #myslides     {  width: 500px; height: 270px; padding: 0;  margin:40px auto 0; background-color:#fff;} 
#wrapper-banner #myslides img { padding: 10px; border:  1px solid #EAEAEA; background-color: #FFF;
                                width: 480px; height: 250px; top:0; left:0;
								/*CSS3*/
								-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
								-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
								box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2)}
								
#wrapper-banner #box_mensaje    { float:left; display:inline; position:relative; width:380px; height:316px; margin:0; padding: 20px 10px 10px;}
#wrapper-banner #box_mensaje p  { font-size:14px; font-weight:bold; color:#656565;}
#wrapper-banner #box_mensaje a  { display:block; font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#FFA900;}
#wrapper-banner #box_mensaje h4 { position:absolute; bottom:25px; color:#656565;}

/*****************************************
              :wrapper-content
******************************************/

#wrapper-content                    { width:100%; padding:45px 0 40px; border-top:1px solid #fff; margin:0 auto;
                                      overflow:hidden; background:url(../img/bg_wcontet.jpg) repeat-x top left;}
.link                               { font-family: Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:0;}
									  
#wrapper-content .sidebar           { float:left; width:149px; margin-right:20px; padding-bottom:20px; padding-right:10px; border-right:1px solid #0095FF;}
#wrapper-content .sidebar a         { display:block; font-weight:bold; color:#0095FF; font-size:11px; margin-bottom:10px;}
#wrapper-content .sidebar ul        { margin:0px; padding:0; list-style:none;}


#wrapper-content .content           { float:left; margin-bottom:10px; min-height:300px;}
#wrapper-content .content img       { float:left; padding:3px; border:1px solid #e5e5e5; margin-right:10px; margin-bottom:5px;}
#wrapper-content #gallery           { overflow:hidden; display:block; padding:10px 0;}
#wrapper-content #gallery img+img   { border:none;}
#wrapper-content #gallery p         { font-size:11px; text-align:center; }

#wrapper-content .galeria           { float:left; margin-bottom:20px;} 
#wrapper-content .galeria div       { float:left; width:158px; margin:10px 15px 10px 0;}
#wrapper-content .galeria img       { display:block; margin:0;}
#wrapper-content .galeria a         { display:block; text-align:center;}

/*****************************************
              :columnas
******************************************/

.col                   { float:left; position:relative; width:300px}
.content_col           { margin:0px; padding:10px; list-style:none;}
.content_col li        { position:relative; display:block; min-height:145px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; list-style-image:none !important;}
.content_col h5        { font-weight:bold; margin-bottom:0;}
.content_col h5 a      { font-size:inherit; font-family:inherit; color:inherit; letter-spacing:inherit;}
.content_col p         {  padding-bottom:10px; overflow:hidden;}
.content_col li:nth-child(3n) { border-bottom:none;}

/*Reutilizamos*/
#interna.content_col li { overflow:hidden; min-height:80px; _height:105px;}
#interna.content_col p  { height: auto;}



.date                       { display:block; font-family: Verdana, Geneva, sans-serif; 
                              font-weight:bold; color:#333; font-size:10px;}							 

.mas                        { float:right; display:block; margin-top:5px; font-family:Verdana, Geneva, sans-serif;
                              font-weight:bold; color:#E7A509; font-size:10px; cursor:pointer;}	

.list_download              { list-style:none; margin:0 0 35px 0; padding:10px; min-height:145px;}
.list_download li           { list-style-image:none!important; margin-bottom:10px;}
.list_download a            { color:#0095FF; padding:5px 10px 5px 15px; background:url(../img/row_d.gif) no-repeat left 7px;}
.list_download a:hover      { color:#FC0; background:url(../img/row_dhover.gif) no-repeat left center;}




#miembro                    { display:block; width:263px; height:193px; margin:27px auto 0; text-indent:-9999px;
                              background:url(../img/bg_solicitarinscripcion.jpg) no-repeat 0 0;}
							  
#miembro:hover              { background:url(../img/bg_solicitarinscripcion.jpg) no-repeat 0 bottom;}

#btn_renovacion             { display:block; width:260px; height:52px; margin:20px auto; text-indent:-9999px;
                              background: transparent url(../img/btn_renovacion.jpg) 0px 0px no-repeat;}
#btn_renovacion:hover       { background-position:0px -70px;}

/*****************************************
              :titulos
******************************************/

.tit      { padding: 0px 0px 15px 0px; border-bottom:2px solid #0095FF; margin-bottom:20px;}
.border0  { border-bottom:2px solid #0095FF;}
.titUser  { padding-left:25px; height:20px; line-height:20px; color:#FF6A14; font-variant:small-caps; font-weight:bold;
            background:url(../img/icon_user.gif) no-repeat left center;} 

/*****************************************
              :footer
******************************************/

#wrapper-footer          { overflow:hidden; width:100%; padding:30px 0; background: #009CD9 url(../img/bg_footer.jpg) repeat-x; margin-bottom:0px;}
#wrapper-footer h6       { color:#fff;}
#wrapper-footer address  { float:left; width:240px; font-family: Verdana, Geneva, sans-serif;
                           font-size:11px; line-height:1.5; color:#fff;}

#wrapper-footer #mail    { display:block; padding-left:25px; margin-top:5px; text-decoration:underline; color:#fff;
                           background:url(../img/icon_mail.gif) no-repeat left center;}

#wrapper-footer #box_logos    { float:left; width:478px; padding:0 10px 20px; border-left:1px solid #fff; border-right:1px solid #fff}
#wrapper-footer #box_logos ul { list-style:none; margin:0; padding:0;}
#wrapper-footer #box_logos li { float:left; display:block; margin-bottom:5px; margin-right:28px}
#wrapper-footer #box_logos li:nth-child(6n) { margin-right:0px;}

#wrapper-footer #box_sm  { float:left; width:170px; padding:0 0 0 10px; margin-bottom:25px;}


#wrapper-footer #id      { float:right; font-size:10px; margin-right:10px; color:#fff}
#wrapper-footer #id img  { vertical-align:middle;}

/*****************************************
              :formulario
******************************************/

#form       { float:left; width:330px; padding:10px 10px 20px;}
#form label { position:relative; margin-bottom:2px; display:block; font-weight:bold;}
#form input { margin-bottom:10px;}
#form input[type="text"]       { width:300px; padding:2px; border:1px solid #e5e5e5;}
#form input[type="text"]:focus,
#form textarea:focus           { border:1px solid #0091FE;}
#form textarea                 { margin-bottom:10px; width:300px; height:150px; border:1px solid #e5e5e5;} 
#form input[type="submit"] { display:block; width:150px; height:30px; cursor:pointer; border:none; background-color:#F90; color:#fff;}
#form input[type="submit"]:hover { color:#FFCC00;}
#form ul    { overflow:hidden; margin:0; padding:0; list-style:none;}
#form ul li { float:left; display:block; height:20px; line-height:20px; vertical-align:middle; width:49%; margin-bottom:5px;}

fieldset        { padding:10px; margin-bottom:10px; border:1px solid #F7F5F5;}
fieldset legend { color:#fff; font-weight:bold; padding:5px 8px; border:1px solid #75CBDE; margin-bottom:10px; background-color:#0097FF;}
#direc    { float:left; width:320px;}
#direc h6 { margin-bottom:3px; font-weight:bold;}

.mensaje  { float:left; display:block; color:#F00; padding:10px 0; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
.cFF0     { color:#FF0;}

/*****************************************
              :paginacion
******************************************/

div.pagination   { padding:3px; margin:15px 0 5px; text-align:right; font-family:Arial, Helvetica, sans-serif; }

div.pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ddd;
                   font-size:11px; text-decoration: none; color: #aaa; font-family:Arial, Helvetica, sans-serif; }
				   
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	font-family:Arial, Helvetica, sans-serif;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
	font-family:Arial, Helvetica, sans-serif;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/*****************************************
              :tabla
******************************************/

table    { margin-bottom:10px; border-bottom:2px double #e5e5e5}
 table td { font-family:Arial, Helvetica, sans-serif; color:#666; border:1px solid #e5e5e5; padding:3px 5px; vertical-align:middle;}
table td img { float:none !important; margin-bottom:0px !important; margin-right:0px !important; vertical-align:middle !important;}
.linkActivo	{ font-weight:bold; }