(787)764-0000, ext. 7421
PO Box 23304 San Juan PR,00931-3304
oficinacentral@sipsych.org
Lun - Sam 9:00 - 18:00

Process

Process diagram

small, letters
>#striped-custom-66d3bce99b581.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99b581.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }
A

Step A

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#striped-custom-66d3bce99b6af.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99b6af.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }
B

Step B

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#striped-custom-66d3bce99b7b8.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99b7b8.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }
C

Step C

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#striped-custom-66d3bce99b8bf.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99b8bf.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }
D

Step D

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

Process diagram

diamond style , icons
>#striped-custom-66d3bce99bd75.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99bd75.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }

Step 1

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#striped-custom-66d3bce99be88.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99be88.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }

Step 2

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#striped-custom-66d3bce99bf91.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99bf91.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }

Step 3

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam

>#striped-custom-66d3bce99c0a1.process-box:hover .front { background-color: #104591; -webkit-box-shadow:0 0 0 15px rgba(16,69,145,0.5); -moz-box-shadow:0 0 0 15px rgba(16,69,145,0.5); box-shadow:0 0 0 15px rgba(16,69,145,0.5); } #striped-custom-66d3bce99c0a1.process-box:hover .symbol-container { -webkit-box-shadow:0 0 0 2px #104591; -moz-box-shadow:0 0 0 2px #104591; box-shadow:0 0 0 2px #104591; }

Step 4

Massa turpis ornare nec commodo non, auctor vel felis. Etiam pharetra, turpis nec sollicitudin cursus vestibulum varius hendrerit turpis quiseam