@charset "UTF-8";







/* CSS Document */

/*







Proyecto: panel de particulares

Autor: Arkev

[Table de Contedidos] 



0- Reset

1- Global

2- Links

3- Encabezados

4- layouts

5- Header

6- Menu

7- Modulo

8- 

9- Footer 



*/





/* ------------------------------------------------------------------------------ 0- Reset */







html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, code, font, img, strong, tt, var, u, i, center, ol, ul,b, li, form, label, table, tbody, tfoot, thead, tr, th



{





margin: 0;

padding: 0;

border: 0;

outline: 0;

vertical-align: baseline;

background: transparent;



}







ol, ul {



list-style: none;



}







blockquote, q {



quotes: none;

}







:focus {



outline: 0;



}







table {





border-collapse: collapse;

border-spacing: 0;



}







caption, th, td {





text-align: left;

font-weight: normal;







}







strong {



font-weight: bold;



}















/* ------------------------------------------------------------------------------ 1- Global */















body {







	background: #C4C4C4 url(images/bkg-fibra.jpg) repeat-x scroll center top;

    color:#000;

    font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;

    font-size:12px;

    font-style: normal;

    font-weight: normal;

    text-transform: none;

    text-align: left;

    letter-spacing: normal;

    word-spacing: normal;

    line-height: 1.4em;

    vertical-align: top;

    }





.right {



        float: right;

}







.left {



      float: left;



}







.align-left {



              text-align: left;

}







.align-right {

        

              text-align: right;

}







.align-center {



text-align:center;



}







.justify {



          text-align:justify;



}





.hide {



      display: none;

}







.clear {



       clear: both;

}







.bold {



font-weight:bold;

}







.underline {



border-bottom:1px solid;

}







img.centered {







	display: block;

    margin-left: auto;

    margin-right: auto;







}







/* =2 Links







–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/







a:link, a:visited, a:active { text-decoration:none;color:red;}







a:hover {text-decoration: underline;color:red;}







/* =3 Encabezados







–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/







h1 {font: bold 2em;}







h2 {font: bold 1.5em;}







h3 {font: bold 1.2em;}







h4 {font: bold;}







h5 {font: bold 0.9em;}















/* ------------------------------------------------------------------------------layouts */







#content {







	display:table;







	margin: 0px auto;







	width:874px;







	height:auto;







	text-align:left;


    background: #FFF;




}



#content2 {







	display:table;

	margin: 0px auto;

	width:874px;

	height:auto;

	text-align:left;

	position: relative;

}







#header {







	float:left;







	width:100%;







	height:70px;







}







#titulo {







	float:left;







	width:100%;







	height:57px;







}







#sombra {







	float:left;







	background:#FFF url(images/bkg-opciones.gif) repeat-x  0 0;







	width:100%;







	height:23px;







}







#opciones{







	float:left;







	width:233px;







	height:23px;







	background:#FFF url(images/panel-opciones.gif) no-repeat  0 0;







}







#doble {







	float:left;







	width:250px;







	height:auto;







}















#sencilla {

	float:left;

    width:500px;

    height:auto;



}







#footer {







	float:left;







	width:100%;







	height:auto;







}







/* ------------------------------------------------------------------------------Header */







#panel {







	float:left;







	width:353px;







	height:70px;







	background:#FFF url(images/panel-header_01.jpg) no-repeat 0 0;







	cursor:pointer;







}



#panel-index {







	float:left;







	width:353px;







	height:70px;







	background:#FFF url(images/panel-header_03.jpg) no-repeat 0 0;







	cursor:pointer;







}





#soloautos {







	float:left;







	width:412px;







	height:70px;







	background:#FFF url(images/salogopanel_2.jpg) no-repeat 0 0;







}







#salir{







	float:right;







	width:auto;







	height:25px;







	padding:2px 0;







}







#io{







	float:right;







	width:25px;







	height:25px;







}







#salir a:link, a:visited, a:active, a:hover {color:#d22928;}















/* ------------------------------------------------------------------------------Menu */







#col-menu {  







	float:left;







	width:233px;







	height:auto;







}



#col-menu2 {  







	float:left;







	width:233px;







	height:750px;







}







#menu {  







	float:left;







	width:233px;







	height:auto;







	margin-bottom:15px;







}















#anuncios {







	width:228px;







	height:39px;







	background:url(images/menu-panel_01.jpg) no-repeat 0 0;







	margin:10px 0 2px 5px;







	float:left;







}







#anuncios a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#anuncios a:hover {background:url(images/menu-panel_01-over.jpg) no-repeat 0 0;}















#datos {







	width:228px;







	height:39px;







	background:url(images/menu-panel_02.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#datos a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#datos a:hover {background:url(images/menu-panel_02-over.jpg) no-repeat 0 0;}





















#cambiar-datos {







	width:228px;







	height:39px;







	background:url(images/menu-panel_13.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#cambiar-datos a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#cambiar-datos a:hover {background:url(images/menu-panel_13-over.jpg) no-repeat 0 0;}

























#mensajes {







	width:228px;







	height:39px;







	background:url(images/menu-panel_03.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#mensajes a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#mensajes a:hover {background:url(images/menu-panel_03-over.jpg) no-repeat 0 0;}















#ayuda {







	width:228px;







	height:40px;







	background:url(images/menu-panel_04.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#ayuda a {







	display:block;







	width:228px;







	height:40px;







	cursor:pointer;







}







#ayuda a:hover {background:url(images/menu-panel_04-over.jpg) no-repeat 0 0;}















#guia {







	width:228px;







	height:39px;







	background:url(images/menu-panel_05.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#guia a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#guia a:hover {background:url(images/menu-panel_05-over.jpg) no-repeat 0 0;}















#busqueda {







	width:228px;







	height:39px;







	background:url(images/menu-panel_06.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#busqueda a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#busqueda a:hover {background:url(images/menu-panel_06-over.jpg) no-repeat 0 0;}















#album {







	width:228px;







	height:40px;







	background:url(images/menu-panel_07.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#album a {







	display:block;







	width:228px;







	height:40px;







	cursor:pointer;







}







#album a:hover {background:url(images/menu-panel_07-over.jpg) no-repeat 0 0;}







#catalogo {







	width:228px;







	height:40px;







	background:url(images/menu-catalogo.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#catalogo a {







	display:block;







	width:228px;







	height:40px;







	cursor:pointer;







}







#catalogo a:hover {background:url(images/menu-catalogo-over.jpg) no-repeat 0 0;}













#oferta {







	width:228px;







	height:40px;







	background:url(images/menu-oferta.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#oferta a {







	display:block;







	width:228px;







	height:40px;







	cursor:pointer;







}







#oferta a:hover {background:url(images/menu-oferta_over.jpg) no-repeat 0 0;}













#agrega {







	width:228px;







	height:40px;







	background:url(images/menu-panel_08.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#agrega a {







	display:block;







	width:228px;







	height:40px;







	cursor:pointer;







}







#agrega a:hover {background:url(images/menu-panel_08-over.jpg) no-repeat 0 0;}















#ver {







	width:228px;







	height:39px;







	background:url(images/menu-panel_09.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#ver a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#ver a:hover {background:url(images/menu-panel_09-over.jpg) no-repeat 0 0;}















#modificar {







	width:228px;







	height:40px;







	background:url(images/menu-panel_10.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#modificar a {







	display:block;







	width:228px;







	height:40px;







	cursor:pointer;







}







#modificar a:hover {background:url(images/menu-panel_10-over.jpg) no-repeat 0 0;}















#eliminar {







	width:228px;







	height:39px;







	background:url(images/menu-panel_11.jpg) no-repeat 0 0;







	margin:0 0 2px 5px;







	float:left;







}







#eliminar a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#eliminar a:hover {background:url(images/menu-panel_11-over.jpg) no-repeat 0 0;}















#pagar {







	width:228px;







	height:39px;







	background:url(images/menu-panel_12.jpg) no-repeat 0 0;







	margin:0 0 0 5px;







	float:left;







}







#pagar a {







	display:block;







	width:228px;







	height:39px;







	cursor:pointer;







}







#pagar a:hover {background:url(images/menu-panel_12-over.jpg) no-repeat 0 0;}















/* ------------------------------------------------------------------------------Modulo */







#modulo {







	float:left;







	width:100%;







	height:auto;







}







#modulo-tl {







	float:left;







	width:7px;







	height:15px;







	background:url(images/modulo_01.jpg) no-repeat 0 0;







}







#modulo-titulo {







	float:left;







	width:100%;







	height:15px;







	background:url(images/modulo_02.jpg) no-repeat top right;







}







#modulo-titulo strong { margin-left:10px;}







#modulo-cl {







	float:left;







	width:85%;







	height:auto;







	background:url(images/modulo_04.jpg) repeat-y top left;







	padding-left:7%;







	padding-bottom:6px;







}







#modulo-cuerpo {







	float:left;







	width:100%;







	height:auto;







	background:url(images/modulo_04.jpg) repeat-y top right;







}







#modulo-bl {







	float:left;







	width:7px;







	height:8px;







	background:url(images/modulo_06.jpg) no-repeat 0 0;







}







#modulo-bottom {







	float:left;







	width:100%;







	height:8px;







	background:url(images/modulo_07.jpg) no-repeat top right;







}







/* ------------------------------------------------------------------------------Footer */







#hr {







	float:left;







	width:99%;







	height:34px;







	background:url(images/footer_2.jpg) no-repeat top right;







}







#foot {







	float:left;







	width:100%;







	height:auto;







}



/*-----------------CSS DETALLE-----------------------------*/

.idauto {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	text-indent: 20pt;

}

/*-------------FIN--CSS--DETALLE---------------------------*/



/*--------------CSS--MENSAJES------------------------------*/



#pest{

  background:url(../imagenesa/particulares/todos_press.jpg) no-repeat top right;

  color: #FFF;

}



/*------------FIN--CSS-MENSAJES----------------------------*/



/*------------CSS---CONTACTO-------------------------------*/

#names_p {

	float:left;

	height:15px;

	margin:0 10px 5px -31px;

	width:155px;

	_width:150px;

}

#elemento-contacto_p{

	float:left;

	height:auto;

	margin:0 10px 5px 0;

	width:90px;

	text-align:left;

}





/*------------FIN---CSS---CONTACTO------------------------*/





/*-----------CSS---PAGO-----------------------------------*/



.botonP {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	font-weight: bold;

	background-color: #383270;

	border: 2px solid #797979;

	cursor: hand;

	width: 120px;

	height: 20px;

	margin: 0 0 0 170px;

} 

.botongrandeP {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 9px;

	color: #FFFFFF;

	font-weight: bold;

	background-color: #D6251D;

	border: 2px solid #DEDEDC;

	cursor: hand;

	width: 200px;

	height: 30px;

} 



/*-----------FIN--CSS--PAGO-------------------------------*/