Formulario

 

 

 

Como encontrarnos

 22 Creek road 21,

Irvine CA 92604

01 (477) 779 19 78

01 (477) 779 57 61

 

 

 

 

 

 

01 (477) 718 22 00

 
 
 
E-mail:contacto@accsys-3000.com
 

Joomla Forms makes it right. Balbooa.com

 

 

 

 

 

 

%>

 

 
div class="rwd">
<table class="rwd_auto">
<thead>
<tr>
<th>Nombre</th>
<th>Apellidos</th>
<th>Cargo</th>
<th>Twitter</th>
<th>ID</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mart&iacute;n</td>
<td>Iglesias Lenci</td>
<td>Desarrollador</td>
<td>@martinigleu</td>
<td>1</td>
</tr>
<tr>
<td>Mart&iacute;n</td>
<td>Iglesias Lenci</td>
<td>Desarrollador</td>
<td>@martinigleu</td>
<td>2</td>
</tr>
<tr>
<td>Mart&iacute;n</td>
<td>Iglesias Lenci</td>
<td>Desarrollador</td>
<td>@martinigleu</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>


body {margin:0;padding:50px}

h2 {font-size:36px;margin:0 0 10px 0}
p {margin:0 0 10px 0}

table.width200,table.rwd_auto {border:1px solid #ccc;width:100%;margin:0 0 50px 0}
.width200 th,.rwd_auto th {background:#ccc;padding:5px;text-align:center;}
.width200 td,.rwd_auto td {border-bottom:1px solid #ccc;padding:5px;text-align:center}
.width200 tr:last-child td, .rwd_auto tr:last-child td{border:0}

.rwd {width:100%;overflow:auto;}
.rwd table.rwd_auto {width:auto;min-width:100%}
.rwd_auto th,.rwd_auto td {white-space: nowrap;}

@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px)
{

table.width200, .width200 thead, .width200 tbody, .width200 th, .width200 td, .width200 tr { display: block; }

.width200 thead tr { position: absolute;top: -9999px;left: -9999px; }

.width200 tr { border: 1px solid #ccc; }

.width200 td { border: none;border-bottom: 1px solid #ccc; position: relative;padding-left: 50%;text-align:left }

.width200 td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}

.width200 td:nth-of-type(1):before { content: "Nombre"; }
.width200 td:nth-of-type(2):before { content: "Apellidos"; }
.width200 td:nth-of-type(3):before { content: "Cargo"; }
.width200 td:nth-of-type(4):before { content: "Twitter"; }
.width200 td:nth-of-type(5):before { content: "ID"; }

.descarto {display:none;}
.fontsize {font-size:10px}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px)
{
body { width: 320px; }
.descarto {display:none;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
body { width: 495px; }
.descarto {display:none;}
.fontsize {font-size:10px}
}

</style>